今回は、お問い合わせフォームのカスタマイズについてまとめていきたいと思います。ブログを運営していく上で大切な要素なので、まだ作成していない方は、作成してみましょう。
Cocoonカスタマイズマニュアルは ⇒ こちら ⇐
WordPressブログのお問い合わせフォームの作り方
WordPressブログでお問い合わせフォームの作成には、2つの方法があります。
２．Google Formで作成
私は、Contact Form 7で作成しましたが、Google Formで作成するのも手軽にできるので、好みの方法を選んで作成してみてください。
Contact Form 7でブログお問い合わせフォームの作り方
Contact Form 7は以下の手順で、設定していきます。
１．WordPress管理画面から「プラグイン」→「新規追加」をクリックします。
２．検索欄に「Contact Form 7」を入力し、Contact Form 7を「今すぐインストール」→「有効化」をクリックします。山のイラストが描かれているアイコンです。私は、既に有効化されていますが、インストールしていない人は赤枠の部分が「今すぐインストール」と表示されます。
３．「お問い合わせ」→「新規追加」に進みます。
４．コンタクトフォーム追加画面で「お問い合わせフォーム」と入力します。
５．「メール」タブをクリックし、「送信先」に自分のメールアドレスを入力します。（※最初から入力してあるものは消してもOKです）
６．画面下の「メール(2)を使用」にチェックを入れて、自動返信メールを作成します。
７．題名に「【サイト名】お問い合わせを受け付けました」と入力します。
８．ここまで完了したら、「保存」をクリックします。
９．「お問い合わせ」→「コンタクトフォーム」から、先ほど作成したお問い合わせフォームの「ショートコード」をコピーします。ショートコードの部分をクリックすると選択されます。
１０．コピーができたら「固定ページ」→「新規追加」に進みます。
１１．固定ページのタイトルを「お問い合わせ」にして、「HTMLテキスト」入力を選択します。先ほどコピーしたショートコードを貼り付けてOKをクリックします。
ここまでが、Contact Form 7でのお問い合わせフォームの作成が完了しました。
Contact Form 7のスパム対策
Contact Form 7では、スパムメール対策をオススメします。Akismet Spam Protectionのプラグインを活用するなど、取り入れてみましょう。
Googleフォームでブログお問い合わせフォームを作る
現在作成中です。更新方法がまとまったら改めて追加していきます。
お問い合わせフォームをヘッダーメニューに表示する方法
まずは、ヘッダーメニューの内容を作成します。
１．WordPress管理画面の「外観」→「メニュー」をクリックします。
２．メニュー名に「ヘッダーメニュー」と入力して「新しいメニューを追加しましょう」をクリックします。メニュー名に「ヘッダーメニュー」と入力して「メニューを作成」をクリックします。
３．固定ページから「お問い合わせ」を選択して、「メニューに追加」をクリックします。
４．右側に「お問い合わせ」が追加されたら、メニューの位置を「ヘッダーメニュー」にして「メニューを保存」をクリックします。
これで、ヘッダーメニューにお問い合わせフォームを追加することができました。ここまで完了したら、ブログを確認してみましょう。
今回は、お問い合わせフォームの作成方法についてまとめてみました。是非試してみてください。
他のカスタマイズは こちら を参考にしてみてください。
コメント