ワードプレス　かんたんに作れる！お問い合わせフォームの作成方法　Cocoon

ブログの運営者と連絡が取りたいのに、お問い合わせページがないと困りますよね。

お問い合わせページがあれば、ブログ運営者と連絡が取れるようになります。ブログの運営上、何かトラブルがあったときにも役に立ちます。

お問い合わせページを作るメリットは、Googleアドセンスの審査に通りやすくなること、ブログの信頼性がアップすることです。

ナナ

もしかしたら、お仕事の依頼があるかもしれないので、最初に作っておきましょう。

今回は、WordPress(ワードプレス)でお問い合わせフォームを作成、表示する方法を紹介します。

ワードプレスでお問い合わせフォームを作成する方法

ナナ

お問い合わせフォームを作成・設置するために必要な設定は、以下の5つです。

お問い合わせフォームの作成手順

まずは、お問い合わせフォームを作成するために、Contact Form 7のプラグインをインストールします。

ワードプレスの管理画面にログインして、ダッシュボード画面から、「プラグイン」→「新規追加」をクリックします。

「プラグインの検索…」の枠内に、Contact Form 7と入力します。

Contact Form ７のプラグインが表示されるので、「今すぐインストール」をクリックします。　　

ナナ

インストールが完了したら、プラグインを有効化しましょう。

次は、お問い合わせフォームを作成します。

ワードプレスのダッシュボード画面から、「お問い合わせ」→「新規追加」をクリックします。

以下の画面が表示されます。

デフォルトのままでもOKですが、お好みで好きな項目を追加しましょう。

ナナ

デフォルトのまま使う場合は、「送信メールの設定」にすすんでくださいね。

新しく作成する場合は、入力を全て削除して、フォームを最初から作り直します。

ナナ

私が作成したのは以下のフォームです。

ナナ

私が作成したメニューで説明しますね。他のメニューでも基本は同じです。

作成手順

お名前(必須)と入力、改行して→「テキスト」をクリックします。必須項目に✓を入れて、名前に「your-name」と入力→「タグを挿入」をクリックします。
1行開けます。
電話番号(必須)と入力、改行して→「電話番号」をクリックします。必須項目に✓を入れて、「タグを挿入」をクリックします。
1行開けます。
メールアドレス(必須)と入力、改行して→「メールアドレス」をクリックします。必須項目に✓を入れて、「your-email」と入力→「タグを挿入」をクリックします。
1行開けます。
題名(必須)と入力、改行して→「テキスト」をクリックします。必須項目に✓を入れて、「your-subject」と入力→「タグを挿入」をクリックします。
1行開けます。
お問い合わせ内容(必須)と入力、改行して→「テキストエリア」をクリックします。必須項目に✓を入れて、「your-massage」と入力→「タグを挿入」をクリックします。
1行開けます。
何も入力せず、「送信ボタン」をクリックします。ラベルに、「送信する」と入力→「タグを挿入」をクリックします。