いろんな人のブログを見ていると、グローバルメニュー(サイトの上の方にある全ページに共通して表示されるメニュー)に「お問い合わせ」の項目がありますね。
⇓こんなやつです
今回は、Contact Form 7というプラグインを使って自分のブログに「お問い合わせ」のメニューを追加する方法をご紹介します。
ワードプレスにお問い合わせフォームを設置する方法
Contact Form 7を使ってお問い合わせフォームを設置する手順は、次の4ステップで完了します。
- Contact Form 7をインストールして有効化する
- 問い合わせメールフォームを作成する
- 問い合わせメールフォームを固定ページに設置する
- お問い合わせの固定ページをグローバルメニューに設置する
そんなに難しくないよ
Contact Form 7のインストール
プラグインをインストールするには、ブログのダッシュボードからプラグイン>新規追加でContact Form 7を検索してインストールする方法と、WordPress日本語版のContact Form 7のページからダウンロードしてインストールする2つの方法があります。
詳しくはワードプレス プラグインの入れ方・停止・アンインストールの方法を見てくださいね。
(余談ですが、Contact Form 7の作成者は日本人のようですね。日本にもこんなに有名なプラグインを作った人がいるなんてちょっとうれしい感じがしますね。)
問い合わせメールフォームを作成する
Contact Form 7のインストールと有効化が完了したら、ダッシュボードの「お問い合わせ」から「コンタクトフォーム」を選択します。
※Contact Form 7をインストールしてないと「お問い合わせ」の項目は表示されません。
コンタクトフォームの画面に変わるので、「コンタクトフォーム1」をクリックします。
「コンタクトフォームの編集」画面に変わったら、「題名」と「フォーム」タブと「メール」タブを編集します。
題名:「お問い合わせ」に変更します。
フォームタブ:このままでも構いませんが、「氏名」を「お名前」に、「題名」を「件名」に変更し、メッセージ本文の後の「(任意)」の文字を削除します。
編集が終わったら、一番下の「保存」ボタンをクリックします。
メールタブの送信先:お問い合わせを受け取るメールアドレスを入力します。
他の箇所は変更する必要はありません。
また、「メッセージ」タブと「その他の設定」タブも変更する必要はありません。
コンタクトフォームの編集が終わったら、一番下の「保存」ボタンをクリックします。
ダッシュボードの「お問い合わせ」から「コンタクトフォーム」を選択します。
表示されたコンタクトフォームの画面で、編集した「お問い合わせ」の横に表示されているショートコードをコピーしておきます。
問い合わせメールフォームを固定ページに設置する
ダッシュボードから「固定ページ」→「新規追加」を選択します。
タイトルに「お問い合わせ」と入力し、本文にさきほどコピーしたショートコードを貼り付けます。
プレビューをクリックして、ちゃんと表示されるか確認します。
ここでちゃんと表示されないときは、これまでの手順のどこかが間違っている可能性が高いです。
もう一度最初に戻って手順を確認しましょう。
記事の「公開」ボタンをクリックします。
お問い合わせの固定ページをグローバルメニューに設置する
ダッシュボードの「外観」→「メニュー」を選択します。
メニュー画面が表示されるので、次のように設定します。
- メニュー構造の「メニュー名」に「お問い合わせ」と入力する。
- 右にある「メニューを保存」ボタンをクリックします。
- 「メニュー項目を追加」の操作が可能になりますので、「お問い合わせ」にチェックを入れます。
- 「メニューに追加」ボタンをクリックします。
- 「メニュー設定」の「グローバルナビゲーション」にチェックを入れます。
- 右下の「メニューを保存」ボタンをクリックします。
サイトを表示してグローバルメニューに「お問い合わせ」が設置されているのを確認します。
グローバルメニューに何もなかったのが ⇓
グローバルメニューに「お問い合わせメニュー」が設置されていますね。⇓
最後にお問い合わせページのメールフォームを使って、実際に問い合わせメールが送信されるか確認しましょう。
終わりに
ブログを運営していて読者からの問い合わせが来ると「ちゃんと読んでくれている人がいるんだな」とうれしくなりますね。
そのためにはお問い合わせフォームが設置されていることが必要です。
この記事を参考にしてお問い合わせフォームを設置して、読者さんと繋がってブログライフをより楽しいものにしましょう。
最後まで読んでいただき、ありがとうございました。