WordPressブログで、お問い合わせフォームを作りたいんだけど、簡単な方法ないかな?
それなら『Contact Form 7』っていうプラグインを使うといいよ!
おはこんばんにちは!ノボルです。
ブログやWEBサイト運営において、お問い合わせフォームの役割は大きいです。
お問い合わせフォームを設置することで、
・Google Adsenseの審査に必要
・相談や質問を歓迎することで信頼性が高まる
・サイトを見て仕事の依頼がくることもある
といったメリットがあります。
そこで今回は、WordPressのお問い合わせプラグイン『Contact Form 7』のインストール方法と使い方を解説します!
・WordPressブログでお問い合わせフォームを作りたい人
・Contact Form 7の使い方を知りたい人
![](http://image.moshimo.com/af-img/0001/000000003974.jpg)
完成図
![](https://onishi-noboru.com/wp-content/uploads/2020/10/screencapture-onishi-noboru-2020-10-06-08_15_02.png)
Contact Form 7を使うと、こんなお問い合わせフォームを作ることができます。
Contact Form 7のインストール方法
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-0-1024x514.png)
WordPressの管理画面から[プラグイン]→[新規追加]にアクセスします。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-1-1024x567.png)
ページ右上の検索窓から『Contact Form 7』と入力し、富士山ロゴのプラグインを[今すぐインストール]します。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-2-1024x645.png)
インストールが完了したら、[有効化]をクリックしましょう。
これで、『Contact Form 7』を使う準備が整いました!
Contact Form 7の使い方
Contact Form 7の事前設定をする
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-7.56.47-1024x507.png)
メニューから[お問い合わせ]→[新規追加]をクリック。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-8.22.02.png)
[コンタクトフォーム名]を入力します。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-8.27.46.png)
デフォルトでは、
・お名前
・メールアドレス
・メッセージ本文
・送信
が項目として追加されています。
他にも、電話番号や日付なども追加することができます。
細かいカスタマイズ方法を知りたい方は、バズ部さんの【簡単】Contact Form 7の効果的なカスタム方法という記事が分かりやすいです。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-12.46.02-1024x696.png)
続いて、[メール]をクリックします。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-3-701x1024.png)
・送信先
・送信元
・題名
・追加ヘッダー
・メッセージ本文
などを設定することができます。[送信先]に自分のメールアドレスが設定してあれば、特に変更する必要はありません。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-12.46.42-1.png)
次に、[メッセージ]をクリック。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-4-589x1024.png)
各状況に対応したメッセージを設定することができます。
特に変更する必要はありません。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-12.47.25.png)
全ての設定が完了したら、[保存]します。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-13.00.09.png)
すると、お問い合わせフォームのコードが発行されるので、コピーしましょう。
Contact Form 7のコードを固定ページに貼り付ける
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-13.00.32.png)
ダッシュボードから、[固定ページ]→[新規追加]にアクセスします。
![](https://onishi-noboru.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-06-13.00.55.png)
先ほどコピーしたショートコードを、HTMLとして貼り付けます。
[プレビュー]で確認してみましょう!
![](https://onishi-noboru.com/wp-content/uploads/2020/10/132-5-872x1024.png)
無事、『Contact Form 7』を使って、お問い合わせフォームを実装することができました!
こうやって作るんだね!
最後に
今回の記事では、WordPressプラグイン『Contact Form 7』のインストール方法と使い方を解説しました。
ぜひ、素敵なお問い合わせフォームを作ってみてください!
最後まで読んでいただき、ありがとうございました(o^^o)
![](https://www17.a8.net/0.gif?a8mat=35UCHM+CZYQ9E+CO4+66OZ5)
コメント