Googleの規定に沿って、健全なサイト作りには「お問い合わせフォーム」が不可欠です。
WordPressで、簡単に「お問い合わせフォーム」を作成できる便利なプラグイン「Contact Form 7」の設置方法をご紹介します。
Contact Form 7の設置方法
WordPressのダッシュボードの「プラグイン」から、「新規追加」をクリックします。
検索窓に、「Contact Form 7」と入力。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/4c89381c4be72589d9208ea3e4bd6b53.jpg)
「いますぐインストール」をクリックし、「有効化」にします。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/5a7b914ee8a9bf2ae6c52d26e8d28bd6.jpg)
ダッシュボードに戻ると、「お問い合わせ」」という項目ができています。
その中より「コンタクトフォーム」をクリックしてください。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/a04756e9a0c8ce7c480e1805a0b52975.jpg)
「コンタクトフォーム1」の、「ショートコード」の部分をコピーします。
続いて、ダッシュボードの「固定ページ」より「新規追加」をクリックしてください。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/6954e4e2b0979f65e39bfc56fe799c48.jpg)
固定ページの新規作成画面が開きます。
プラグイン「Classic Editor」を使用した場合の設定方法
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/41c7358405d91329fb929f55b1d9d682.jpg)
- タイトルを入力(お問い合わせ、contactなど)してエンターキー
- パーマリンクを編集(contactなど)
- テキストエディタを開く
- コピーしたショートコードを貼り付ける
入力が完了したら、「公開」をクリックして完了です。
ブロックエディタを使用した設定方法
![](https://ayumi-bmethod.com/wp-content/uploads/2021/02/11350ec8ec714809e980428e3f69ac44-scaled.jpg)
タイトルを「お問い合せ」などにしたら、
- 「+」マークをクリック
- 検索窓に「ht」と入力して「カスタムHTMLボックス」を選択
- ボックス内にコピーしたショートコードを貼り付ける
![](https://ayumi-bmethod.com/wp-content/uploads/2021/02/77e3d4826122f752be2e2a74de438c29.png)
一旦、下書き保存をします。
画面右上の歯車マークを開き、パーマリンクを開きます。
URLスラッグを「contact」などに変更して、「公開」ボタンをクリックします。
お問合せの公開ページを確認
パーマリンクか、「変更をレビュー」をクリックして、公開ページを確認してみましょう。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/43ed53be92212c2638ac7a9797db42b4.jpg)
このような、お問い合わせフォームができているはずです。
お問い合わせフォームのリンクを作成する
お問い合わせフォームは作成できましたので、サイト内のわかりやすいところに設置して行きます。
サイトに訪れたユーザーに、わかりやすい場所へ表示させましょう。
メニューバーや、サイドバー、フッターなどが良いですね。
テーマJINの場合の設置方法
外観→カスタマイズ→SNSの設定→「お問い合わせページのURL」でメニューバーやプロフィールのSNSの箇所に表示できます。
便利なスパム防止のチェックボックス
アクセスが増えてくると、お問い合わせフォームからのスパムメールも届く事があります。
差出人がよくわからない英語の内容だったり、何かの宣伝内容など、ウイルス感染のリスクや余計なメールが増える事で、大事なメールを見逃してしまったり…
メールボックスの整理に時間がかかったりと、良い事が1つもありません。
スパムメールを減らす為に、「チェックボックス」機能を活用しましょう。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/ad7706ef336c60d81be2532b84ee3e18.jpg)
チェックボックスとは、メールを送信する前に「この内容で良いですか?」という問いにチェックを入れないと、送信ができない機能です。
機械的に送られてくるスパムメールは、このチェックを手動で入れられないので是非設置しておきましょう。
ダッシュボードの「お問い合わせ」を開き、作成した「お問い合わせ」をクリックします。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/7921e087e899c3f6873b95442f4c9cdf.jpg)
「承認確認」をクリックすると、このような画面になります。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/55f36fdc7ac8f475b5ddbc10cdbb06ec.jpg)
一番下のコードをコピーして、この画面を閉じたら、お問い合わせフォームに貼り付けます。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/c6bc1b3a29e376b23f65b028ee95a1e3.jpg)
場所はどこでも大丈夫ですが、本文の最後がおすすめです。
チェックボタンを押してもらう為の、コメントを添えて「保存」をクリックして完了です。
![Contact Form 7の設置方法](https://ayumi-bmethod.com/wp-content/uploads/2021/02/ad7706ef336c60d81be2532b84ee3e18.jpg)
お問い合わせフォームに、チェックボタンが設置されているか確認しましょう。