こんにちは、さいそん(@saison_program)です。
この記事では、WordPressのプラグイン「Contact Form 7」を使ってお問い合わせフォームを作成する方法を分かりやすく解説しています。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
WordPressにお問い合わせフォームを作りたいのです!
簡単な設置の方法を教えて欲しいです!
このような疑問や悩みに答えていきます!
- お問い合わせフォームの設置方法
- スパムメール対策の方法
- お問い合わせフォームの配置方法
執筆者情報
![](https://saison-blog.com/wp-content/uploads/2022/03/さいそんブログ管理人-3-1024x427.png)
![](https://saison-blog.com/wp-content/uploads/2022/03/さいそんブログ管理人-3-1024x427.png)
ブログにお問い合わせフォームを設置すると、以下のような連絡を受け取ることができます↓
- 企業からの仕事のオファー
- クローズドASPからの連絡
- 読者からのお問い合わせ
また、お問い合わせフォームはブログの「信頼性」をアップさせるものなのでGoogleアドセンスに合格したい場合は必ず設置するべきです。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
当ブログではブログ運営開始3日程度で企業から案件のオファーが届きました!
WordPress無料プラグインの「Contact Form 7」を使用すれば10分程度で作業は完了するのでサクッと設置作業を済ませておきましょう!
Googleアドセンスの一発合格の方法はこちらで解説をしていますので参考にしてみてくださいね。
お問い合わせフォームの設置方法
![](https://saison-blog.com/wp-content/uploads/2022/03/Project_153-06-1024x755.jpg)
![](https://saison-blog.com/wp-content/uploads/2022/03/Project_153-06-1024x755.jpg)
お問い合わせフォームは下記の3種類がおすすめです↓
- Contact Form 7(プラグイン)
- wpforms(プラグイン)
- Googleフォーム
今回は、この中でも比較的初心者でも設定が簡単ですぐに設置できる「Contact Form 7」を使った方法を紹介していきます!
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
お問い合わせフォームはWordPressを立ち上げたらすぐに設置した方が良いので簡単なものでOKです!
お問い合わせフォームの設置手順【Contact Form 7】
![](https://saison-blog.com/wp-content/uploads/2022/03/pneumatic-tools-colorful-vector-collection-1024x717.jpg)
![](https://saison-blog.com/wp-content/uploads/2022/03/pneumatic-tools-colorful-vector-collection-1024x717.jpg)
では、具体的にContact Form 7を使用してお問い合わせフォームを設置する手順を画像を交えながら解説をしていきますね。
大まかに手順を分けると以上のような3つとなります。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
お問い合わせフォームの設置、頑張っていきましょう!
【手順1】プラグインをインストール
「Contact Form 7」をインストールしていきます。
1.「プラグイン」→「新規追加」をクリック
![](https://saison-blog.com/wp-content/uploads/2022/03/プラグイン新規追加.png)
![](https://saison-blog.com/wp-content/uploads/2022/03/プラグイン新規追加.png)
2.「Contact Form 7」を赤枠に入力して検索
![プラグインの検索](https://saison-blog.com/wp-content/uploads/2022/03/プラグインの検索-1024x407.png)
![プラグインの検索](https://saison-blog.com/wp-content/uploads/2022/03/プラグインの検索-1024x407.png)
3.「今すぐインストール」をクリック
![プラグインインストール](https://saison-blog.com/wp-content/uploads/2022/03/1-1-1024x380.png)
![プラグインインストール](https://saison-blog.com/wp-content/uploads/2022/03/1-1-1024x380.png)
4.「有効化」をクリック
![有効化をクリック](https://saison-blog.com/wp-content/uploads/2022/03/2-1-1024x525.png)
![有効化をクリック](https://saison-blog.com/wp-content/uploads/2022/03/2-1-1024x525.png)
以上でプラグインのインストールと有効化の作業は終了です!
【手順2】お問い合わせフォーム設定
「Contact Form 7」をインストールできたらお問い合わせフォームを作成していきます。
1.管理画面の「お問い合わせ」→「コンタクトフォーム1」をクリック
![コンタクトフォームをクリック](https://saison-blog.com/wp-content/uploads/2022/03/3-1-1024x489.png)
![コンタクトフォームをクリック](https://saison-blog.com/wp-content/uploads/2022/03/3-1-1024x489.png)
2.赤枠部分のタイトルを「お問い合わせフォーム」に変更
![お問い合わせに変更](https://saison-blog.com/wp-content/uploads/2022/03/4-1024x493.png)
![お問い合わせに変更](https://saison-blog.com/wp-content/uploads/2022/03/4-1024x493.png)
3.「メール」のタブをクリック
![メールタブをクリック](https://saison-blog.com/wp-content/uploads/2022/03/5-1024x492.png)
![メールタブをクリック](https://saison-blog.com/wp-content/uploads/2022/03/5-1024x492.png)
4.メール設定の確認(デフォルトでも機能します)
![メール設定確認](https://saison-blog.com/wp-content/uploads/2022/03/6-1024x493.png)
![メール設定確認](https://saison-blog.com/wp-content/uploads/2022/03/6-1024x493.png)
- 送信先
→WordPressに登録してある管理者メールアドレス宛に送信します。
※「管理画面」→「設定」→「管理者メールアドレス」で変更可能 - 送信元
→WordPressのサイト名からメールが送信されます。 - 題名
→「サイト名+お問い合わせの題名」がメールの題名になります。 - 追加ヘッダー
→CCやBCCで送信したいアドレスを追加できます。 - メッセージ本文
→お問い合わせメールの内容です。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
基本的な機能はデフォルトのままでOKですので慣れてきたらカスタマイズしてみることをおすすめします!
5.「メール(2)を使用」にチェック
![メール(2)をクリック](https://saison-blog.com/wp-content/uploads/2022/03/20-1024x490.png)
![メール(2)をクリック](https://saison-blog.com/wp-content/uploads/2022/03/20-1024x490.png)
6.題名に「【あなたのブログ名】お問い合わせを受け付けました。」と入力
![題名変更](https://saison-blog.com/wp-content/uploads/2022/03/21-1024x491.png)
![題名変更](https://saison-blog.com/wp-content/uploads/2022/03/21-1024x491.png)
7.ページ下部の「保存」をクリック
![保存をクリック](https://saison-blog.com/wp-content/uploads/2022/03/22-1024x441.png)
![保存をクリック](https://saison-blog.com/wp-content/uploads/2022/03/22-1024x441.png)
以上でお問い合わせフォームの作成は完了です!最後に設置の作業をしていきましょう。
【手順3】お問い合わせフォーム設置
お問い合わせフォームの設置は「ショートコード」と呼ばれるコードを使用して簡単にできるようになっています。
1.「お問い合わせ」→「コンタクトフォーム」をクリック
![コンタクトフォームをクリック](https://saison-blog.com/wp-content/uploads/2022/03/3-1-1024x489.png)
![コンタクトフォームをクリック](https://saison-blog.com/wp-content/uploads/2022/03/3-1-1024x489.png)
2.赤枠部分のショートコードをコピー
![ショートコードをコピー](https://saison-blog.com/wp-content/uploads/2022/03/25-1024x493.png)
![ショートコードをコピー](https://saison-blog.com/wp-content/uploads/2022/03/25-1024x493.png)
3. 「固定ページ」→「新規追加」をクリック
![固定ページ新規追加](https://saison-blog.com/wp-content/uploads/2022/03/26-1024x490.png)
![固定ページ新規追加](https://saison-blog.com/wp-content/uploads/2022/03/26-1024x490.png)
4.固定ページのタイトルを「お問い合わせ」にしてショートコードを選択
![ショートコードをペースト](https://saison-blog.com/wp-content/uploads/2022/03/27-1024x492.png)
![ショートコードをペースト](https://saison-blog.com/wp-content/uploads/2022/03/27-1024x492.png)
5.コピーしたショートコードをペーストして「公開」をクリック
![ペースト](https://saison-blog.com/wp-content/uploads/2022/03/28-1024x493.png)
![ペースト](https://saison-blog.com/wp-content/uploads/2022/03/28-1024x493.png)
6.固定ページを表示するとお問い合わせページが完成しています。
![固定ページ](https://saison-blog.com/wp-content/uploads/2022/03/29-1024x922.png)
![固定ページ](https://saison-blog.com/wp-content/uploads/2022/03/29-1024x922.png)
以上でContact Form 7のお問い合わせフォームの作成と設置が完了です!
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
この段階で自分宛にテストメールを送信して機能するか確認しましょう。
送信先にGmailなどのフリーアドレスを使用していると届かない可能性があります。
こちらの記事で分かりやすくまとめられていますので参考にしてみてください。
》対処法を確認する(外部リンク)
お問い合わせフォームのスパム対策
お問い合わせフォームを設置する際には必ずスパム対策を行うようにしましょう。
スパム対策ができる便利プラグインはこちらです↓
![Akismet Anti Spam](https://saison-blog.com/wp-content/uploads/2022/03/Akismet-Anti-Spam.png)
![Akismet Anti Spam](https://saison-blog.com/wp-content/uploads/2022/03/Akismet-Anti-Spam.png)
Akismet Spam Protectionでは簡単にスパム対策の設定ができるのでおすすめです。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
ブログを外部からしっかり保護するために対策をしておきましょうね!
※その他のおすすめのプラグインはこちらの記事で紹介をしていますので参考にしてみてくださいね。
お問い合わせフォームをヘッダーに設置する
![](https://saison-blog.com/wp-content/uploads/2022/02/Developer_04__Converted__generated-1024x614.jpg)
![](https://saison-blog.com/wp-content/uploads/2022/02/Developer_04__Converted__generated-1024x614.jpg)
お問い合わせフォームを作成してもアクセスしやすい位置になければ誰も気付いてくれません。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
初めはグローバルナビゲーションの位置(ヘッダー部分)に設置することをおすすめします!
画像付きで解説をしていきます。
1.管理画面の「外観」→「メニュー」をクリック
![メニュー](https://saison-blog.com/wp-content/uploads/2022/03/40-1024x432.png)
![メニュー](https://saison-blog.com/wp-content/uploads/2022/03/40-1024x432.png)
2.メニュー名に「グローバルナビゲーション」と入力して「メニューを作成」をクリック
![メニュー](https://saison-blog.com/wp-content/uploads/2022/03/41-1024x494.png)
![メニュー](https://saison-blog.com/wp-content/uploads/2022/03/41-1024x494.png)
3.右側の固定ページから「お問い合わせ」をチェックして「メニューに追加」をクリック
![メニューに追加](https://saison-blog.com/wp-content/uploads/2022/03/42-1024x493.png)
![メニューに追加](https://saison-blog.com/wp-content/uploads/2022/03/42-1024x493.png)
4.メニューの位置を「グローバルナビ」にして「メニューを保存」をクリック
![保存](https://saison-blog.com/wp-content/uploads/2022/03/43-1024x460.png)
![保存](https://saison-blog.com/wp-content/uploads/2022/03/43-1024x460.png)
※WordPressのテーマによっては「グローバルナビ」ではなく、「ヘッダーメニュー」などと名前が違う場合がありますのでご注意下さい。
![フォーム設置完了](https://saison-blog.com/wp-content/uploads/2022/03/44-1024x400.png)
![フォーム設置完了](https://saison-blog.com/wp-content/uploads/2022/03/44-1024x400.png)
このようにヘッダー部分にお問い合わせフォームを設置することができたのが確認できます。
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
ちなみに当ブログではSEOに強いSWELLを利用しています!
\ 当ブログのWordPressテーマ /
以上がヘッダーにお問い合わせフォームを設置する方法の解説でした。
まとめ:お問い合わせフォームを設置して信頼性をアップさせよう
今回は「Contact Form 7」を使用したお問い合わせフォームの設置の方法について解説をしました。
お問い合わせフォームはブログの信頼性をアップさせる重要なパーツです。また、案件の依頼やGoogleアドセンス合格に必須ですので収益化を考えているなら必ず設置しましょう!
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
![](http://saison-blog.com/wp-content/uploads/2022/02/アイコン-e1645055191481-150x150.jpg)
稼ぐための準備が必要ですね!
こちらの記事ではブログに本気の方向けにおすすめのWordPressテーマを紹介していますのでぜひ参考にしてみてくださいね。