お問い合わせページをContact Form 7で簡単に作る

WordPressブログを運営する上で、お問い合わせページの設置は必須です。

お問い合わせページを通じて、ブログに興味を持ってくれた方と交流したり、お仕事依頼を受けたり。

そのお問い合わせページを、プラグインの「Contact Form 7」を使えば簡単に作ることができるんです。

この記事では、Contact Form 7でシンプルなお問い合わせページを作る手順を解説していきます。

Contact Form 7とは?


https://ja.wordpress.org/plugins/contact-form-7/

 

Contact Form 7とは、WordPressのブログやサイトにお問い合わせフォームを設置するためのプラグインです。

難しい知識もいらず、簡単にお問い合わせフォームが作れる上に、開発者が日本人なので公式サイトのサポートも分かりやすくなっています。

日本だけでなく、海外でもよく使われているプラグインです。

Contact Form 7をインストール

まずは、Contact Form 7をインストールしましょう。

 

①ダッシュボードプラグインの「新規追加」をクリック。
②「Contact Form 7」と入力します。
③「今すぐインストール」をクリック

インストール完了し「有効化」ボタンが表示されたら、クリックして有効化する。

これで完了です。

コンタクトフォームを編集

Contact Form 7が有効化されると、ダッシュボードの左側に「お問い合わせ」の表示が出ています。

①「お問い合わせ」をクリック。
②「コンタクトフォーム1」をクリック。

 

下記のコードをコピーしておいてください。

<div class="contact"><div class="name">
<div class="form_title">お名前<span>必須</span></div>
<div class="form_area">[text* your-name]</div>
</div><div class="address">
<div class="form_title">メールアドレス<span>必須</span></div>
<div class="form_area">[email* your-email] </div>
</div><div class="title">
<div class="form_title">題名</div>
<div class="form_area">[text your-subject] </div>
</div><div class="message">
<div class="form_title">メッセージ本文</div>
<div class="form_area">[textarea your-message] </div>
</div>
[submit "送信"] </div>

コピーできたら、コンタクトフォームの編集をします。

 

①「フォーム」の中の文字を消去
②先ほどコピーしたコードを貼り付ける
③「保存」をクリック

 

画面上部にあるブルーの中のショートコードをコピーしておきましょう。
後ほど使用します。

お問い合わせページの作成

次に、お問い合わせページを作っていきます。

 

①ダッシュボードの固定ページ「新規追加」をクリック
②タイトルを入力。「お問い合わせ」や「お問い合わせフォーム」と入力しましょう。
③先ほどコピーしたショートコードを貼り付けます。
 ※「テキスト」タブを選択しておきます。
④最後に「公開」をクリック

 

必要であれば、ページ設定にチェックを入れます。

私は固定ページにサイドバーを表示させたくなかったので、中央にある「サイドバー非表示」にチェックを入れています。

これで、お問い合わせページが完成しました。

まとめ

お問い合わせページを作る手順を解説しました。

お問い合わせページを作る
①コンタクトフォームの編集
・コードをコピーして貼り付ける
・ショートコードをコピーしておく
②お問い合わせページの作成
・固定ページの「新規作成」
・タイトル入力&ショートコードを貼り付ける

とてもシンプルなお問い合わせページですが、ブログ運営する上で必要なページです。

是非このプラグインを使って簡単に作ってみてください!

おすすめの記事