プログラム言語がわからない…大丈夫です。
WordPressのプラグインにある「Contact Form 7」を使えば、比較的簡単にお問い合わせシステムを構築することができます。
基本的な作成方法を見ていきましょう。
1.「Contact Form 7」をプラグインからダウンロードします。
2.お問い合わせの項目が増えておりますので「contact fome」（※初期段階から存在する）をクリックします。
3.青の枠線で囲われている独自コードをコピーします。
4.固定ページでお問合せページを作成して、先ほどコピーした独自コードを張り付けします。
5.投稿されたページを確認して、反映されていれば完成です。
★完成★
内容も専用のテンプレートコードを使ってカスタマイズすることができるので、楽にお問い合わせページが作れます。
＜参考サイト＞
WordPressのプラグインにある、「Search Meter」を仕様すれば、サイト内で検索されたキーワード履歴の統計を調べることができます。
自分のサイトがどのような検索ワードで調べられているのかを見ることは、閲覧している人の情報となりますので是非導入しましょう。
1.Search Meterをダウンロードします。
2.ダッシュボード内の「Search Meter」をクリックします。
3.ここに情報が記載されております。
★完成★
検索ワードを調べて、傾向を知りそれに合った更新を行えば、より多くの人が検索して自分のサイトに足を運んでくれるでしょう。
＜参考サイト＞
ブログを描いていてソースコードを掲載したいとなると、そのソースコードが反映されてしまいコード自体が表示されません。
画像でキャプチャして繁栄させる方法もありますが、コピーペーストが出来ないので不便です。
今回は、コピーペーストが出来る方法でソースコードをサイトに表示する方法をお伝えします。
1.右のサイトを開きます。 Create a new Gist · GitHub 
2.以下の赤枠の位置にソースコードを記入して「Create publec gist」を押します。
3.以下の赤枠で囲っている箇所をコピーして、自分の更新予定の場所に貼り付けます。
★完成★
・こんなかんじで表示されます。
画像で張り付けるよりも、再度見返したときにコピーペーストが出来るので使い勝手が良好です。
＜参考サイト＞
今回はDreamWeaverでの検索/置換機能についてです。
DreamWeaver内で[ctrl+F]を押すと検索/置換ウィンドウが開きます。
ここからコード内から検索/置換機能を使っていきます。
まずは検索機能
例として「pic3」と含んだテキストを探したい場合
検索項目に「pic3」と入力をし「次を検索」を選択します。
すると、
コードの中から「pic3」が含まれる箇所が選択されます。
次に置換機能
例として先ほどのコードのタグを「ul」から「ol」に変更したくなった場合
検索に「ul」、置換に「ol」と入力し
置換ボタンを選択します。
すると、
ul
「ul」が「ol」に置き換わりました！
この機能は特に同じ表記を一括で変更したい場合とても便利です。
先ほどのコードで画像の拡張子を「gif」から「png」変えたいとき
検索「gif」 置換に「png」を入力しすべてを置換を選択！
一瞬ですべて置き換わりました。
手打ちでいちいち修正していると時間がかかってしまう作業もこれで時短！
基本としては以上ですが、正規表現を使うとより高度な検索/置換機能が使えるので
もし後で面倒くさい修正が必要な場合でも使いこなせば
箇所を指定してワンクリックで終える事もできるのも夢じゃない。
まさにドリームな機能！
DreamWeaverの検索/置換機能でした。
ページ内リンクを指定する時に、急に画面が切り替わると現在の場所を見失うことがあります。
それを、解消するためにスクロールで指定の位置まで移動する設定にjQueryを使って行います。
1.ボタンを作成します。
2.head内でjQueryを呼び出します。
3.その後に以下のスクリプトを記入します。
webサイトを作る際は、そのサイトを見るユーザーがいかに見やすいかを意識して作るように心がけましょう。
＜参考サイト＞
「Preserve Editor Scroll Position」というプラグインを使うと、WPで投稿や編集作業をしている記事を下書き保存したりした時に、スクロール位置を現状のまま保持できるプラグインです。
標準だと記事の先頭に戻ってしまうため、毎度同じ箇所の修正を続けて行いたい場合に不便ですが、このプラグインを導入すれば解消することができます。
1.プラグインより、インストールします。
2.最大行表示エディターと集中執筆モード機能を有効化します」項目のチェックボックスをはずしましょう。
3.投稿中文章で、下書き保存してもタブが動かなくなります。
非常に簡単なプラグイン導入で、無駄な業務が減りました。
無駄な時間を短縮していき、楽しくWPLIFEを。
＜参考サイト＞
WordPressで記事を下書き/公開した際に、エディタのスクロール位置を固定するプラグイン・Preserve Editor Scroll Position – かちびと.net
「Preserve Editor Scroll Position」プラグインでエディタのスクロール位置を固定する | vdeep
WordPressではあらかじめ設定された画像サイズ（大・中・サムネイル）とは別に、オリジナルの画像サイズも保存されます。
アップロードするオリジナルの画像が大きすぎると、いくらメディア設定上でアップロードする画像サイズに制限をかけてもファイルサイズの大きな画像がアップロードされ続けてしまいます。
Imsanityをつかってオリジナルの画像自体をリサイズしてみましょう。
1.サーバー容量への負担が軽減されます
2.サイトの表示速度が速くなります
1.Imsanityをインストールします。
2.設定の中のImsanityをクリックします。
3.設定の中の初期設定と説明です。
4.以下の数値に変更します。
Imsanityを使えば今までの画像ファイルを一括でリサイズしたりすることも出きるので、汎用性もありますし、遅れてでもサイトに設定しておきましょう。
＜参考サイト＞
▶画像を自動リサイズするWordPressプラグインの設定方法
▶WordPress アップロード時に画像をリサイズしてくれる「Imsanity」
キープイットシンプル、ストゥピッド？
正確に言うと…
Keep It Simple, Stupidのことです。俗にKISSメソッドと呼ばれています。
ソースコードやデザイン、ページ構成などをできるだけシンプルに心がけることです。
直訳で、「誰でもわかるようにシンプルにしょう」と言う意味です。
KISSメソッドはKISS Principle（KISS原則）と呼ばれることもあり判断に迷ったときに立ち返るべき原理です。
1.ソースなどをシンプルにすることで、コードの打ちミスなどが減りトラブルになりにくい効果があります。
2.コードが少ないことで、ファイルサイズが小さくなりわかりやすくなります。
WEBサイトを作成する上で、心がけておかないといけない考え方になります。
SEOにとっても、単純な文章であることは、重要なことになるので、シンプルな作りにするように心がけましょう。
DWなら、置換昨日を使って指定した文字を一括で書き換えることができます。
一括置換を覚えれば、時間短縮になるので、しっかり覚えておきましょう。
（今回は例として「テスト文章です。」を「変更後文章です。」に一括変換します。）
1.「ctrl」を押しながら「f」を押します。
2.出現したダイアログボックスの中の検索に文字を挿入します。
3.現在のソースがこちら。
4.検索と置換に変更したい文字を挿入します。
5.全て置換をクリックして完了です。
一括置換は慣れてくると非常に便利ですが、置換したくないソースも変更してしまう場合が
ありますが、仕事での作業が格段に捗るのでしっかり癖付けていきましょう。
photshopのバッチ処理についての解説です。
バッチ処理とはphotshopにあらかじめ行動を教えて上げる事でphotshopが自動的にその処理をしてくれる機能です。
画像加工で大量のファイルに同じ処理をする場合にとても便利です。
今回はブログ用に画像をリサイズする事を想定して使ってみました。
・バッチの設定を作る
まずはphotshopに処理したい内容を覚えてもらいます。
加工したい画像を読み込み、
ウィンドウからアクションパネルを開きます
アクションパネルが開きますので新規アクションを選択
アクション名(バッチの名前)を指定して記録ボタンを押すと、行動が記録されていきます。
わかりやすく名前は「リサイズ」にしてみました。
今回記録させた行動は
・画像解像度の変更
・Web用に書き出し
・ファイルを閉じる
の３つです。
設定はここまでで完了。
・バッチの使い方
覚えてもらった処理をphotshopに処理してもらいましょう。
ファイルから自動処理>バッチ処理を選択します。
バッチ処理のウィンドウが開きました。
・項目について
【アクション】の項目はどのようなバッチ処理をするか設定します。
先ほど設定した「リサイズ」を選択しています。
【ソース】の項目は処理するファイルの指定する項目です。
フォルダを指定することでフォルダ内のファイルを一括選択することができます。
【実行後】の項目ではバッチ処理後の保存先が指定できます。
※注意点としてフォルダ名を日本語にすると保存できなく
エラーメッセージが出るので気をつけなければいけません。
OKを押すとバッチ処理が開始されます。
後はphotshopが自動的に処理してくれ【実行後】に指定したフォルダに自動的に保存されていきます。
色んな行動を覚えさせていけばバッチ処理だけでかなりの事ができそうなので
使いこなしていきたいですね。