ワードプレスにお問い合わせをコンタクトフォーム7で設置!

こんにちは。wonder boyです。

今回は、資産サイト作成編ワードプレスにお問い合わせ
フォームを設置する方法について解説していきます。

非常に簡単なので、下記の通りやってみてください。

ワードプレスをまだインストールしていないという方は
以下の記事の通りインストール作業を進めて下さい。

ワードプレスのインストール方法:講義の実況中継

ワードプレスのテーマの設定方法:講義の実況中継

Contact Form 7 の設置

あなたがブログを運営していると、必ず問い合わせが来たりします。

お問い合わせフォームがないとブログを訪問してくれた方が、
どうやってあなたとコンタクトを取ればいいかわからなくなってしまいます。
お問い合わせフォームは、きちんと設置しておきましょう。

では、さっそく本題に入って行きましょう。
お問い合わせフォームは、プラグインを導入することで簡単に設置が完了です。

プラグインのインストール

contactform1

ワードプレンスの管理画面から、左メニュー、プラグインの新規追加をクリックします。

contactform2

検索窓に"contact form 7"と入力しプラグインの検索をクリックします。

capture-20140709-031415

出てきましたね。このContact form7というプラグインを導入していきます。

有効化

私はすでにインストール済みですが、
あなたがまだインストールしていなければ、
インストールの表示が出ているはず。

そちらをクリックし、インストールして下さい。
インストール後、有効化をクリックして下さい。

capture-20140709-031928

有効化をクリックすると、
使用しているプラグインの一覧が出てきます。
contact form7を見つけ、左下の設定をクリックして下さい。

お問い合わせフォームを固定ページに設置

capture-20140709-032839

すると、このような画面が出てきます。

コンタクトフォーム1というところに、
ショートコードと呼ばれるものがあるのがわかりますね。

こちらのコードを設置したいページに貼り付けていきます。
事前にコピーしておいてくださいね。

基本的には、お問い合わせフォームは、
固定ページに設置することが多いので、
今回も固定ページに設置する例を紹介します。

capture-20140709-034003

左メニューの固定ページ新規追加をクリックして下さい。
まずは、設置したいページのタイトルを入力します。

お問い合わせやContactなど好きな名前を入れて下さい。
そして、先ほどコピーしたコードを貼り付け、公開をクリックします。

これで、固定ページは作成が完了です。
次は、実際に設置していきましょう。

設置しなければ見てもらえないので、全く意味が無いですからね。

contactform3

ワードプレスの管理画面から外観、
メニューを選択してください。

capture-20140709-222657

この画面が出ていると思います。

まずは、編集メニューがグローバルメニューになっているかどうかを確認して下さい。

次に、追加したい固定ページ、
ここでは、先ほど作成したcontactというページを選択し、
メニューに追加をクリックします。

capture-20140709-223449

追加されてますね。

グローバルメニューとは、
SINKAのテンプレートでいうなら

capture-20140709-223103

トップページ上部のところです。

お問い合わせフォームは基本的には
グローバルメニュー部分に設置するので、
あなたもそこに設置するようにするといいです。

実際にcontactが追加されていますね。
クリックしてみましょう。

capture-20140709-223716

設置されていますね。
これで、お問い合わせフォームを設置する方法に関しては終了となります。

SNSでみんなと共有してね(^^)
【CTAエリア 準備中】

2件のコメント

こんばんわ~やまぐっちです。

お問い合わせ、絶対欲しいですよね。

コメント欄じゃ伝えれない事もありますから~。
どちらもないと、残念でしょうがないです。

ワードプレスのプラグインはやっぱり便利です!

応援して行きます~^^

やまぐっちさん

そうですね。コメント欄がないのは、致命的ですよね。プラグインは大事です。お返しさせていただきました。共にがんばってまいりましょう。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です