概要
WordPressでコンタクトフォーム(お問い合わせ画面)を作成したい時によく使用されているのが「Contact Form 7」というプラグインです。
「Contact Form 7」はコンタクトフォーム機能、reCAPTCHA、Akismet スパムフィルタリング等もサポートしている拡張性の高いプラグインです。
Contact Form 7のインストール方法
- ダッシュボードで「プラグイン」「新規追加」をクリックします。
![](https://blog.take-it-easy.site/images/img-1462-1-1024x531.png)
- 右上の「プラグインの検索」へ「Contact Form 7」と入力をすると「Contact Form 7」が表示されるので「今すぐインストール」ボタンをクリックします。
![](https://blog.take-it-easy.site/images/img-1462-2-1024x421.png)
- 「有効化」ボタンが表示されたら、「有効化」ボタンをクリックします。
![](https://blog.take-it-easy.site/images/img-1462-3-1024x413.png)
- インストールされたら、以下のように「お問い合わせ」メニューが追加されたらインストール成功です。
![](https://blog.take-it-easy.site/images/img-1462-4-1024x374.png)
コンタクトフォームの配置方法
- ダッシュボードで「お問い合わせ」「コンタクトフォーム」をクリックします。
![](https://blog.take-it-easy.site/images/img-1462-6-1024x558.png)
- デフォルトで、「コンタクトフォーム1」というフォームが準備されているので、今回はそれをクリックします。
![](https://blog.take-it-easy.site/images/img-1462-7-1024x542.jpg)
- 今回はフォームなど特に変更はせずに、青背景白文字のショートコードをコピーします。
![](https://blog.take-it-easy.site/images/img-1462-8-1024x585.png)
- お問い合わせ画面になる固定ページを開き、「+」(ブロックを追加)をクリックします。
![](https://blog.take-it-easy.site/images/img-1462-9-1024x234.png)
- ショートコードのブロックをクリックします。
![](https://blog.take-it-easy.site/images/img-1462-10-1024x422.png)
- ショートコードのブロックに、コピーをしておいたショートコードを貼り付け、右上の「更新」ボタンをクリックします。
![](https://blog.take-it-easy.site/images/img-1462-11-1024x332.png)
- ページを表示すると、フォームが表示されることが確認できます。
![](https://blog.take-it-easy.site/images/img-1462-12-1024x612.png)
最後に
今回は、「Contact Form 7」のインストールから、コンタクトフォームの配置方法までを行いました。
次回、「【Contact Form 7】お問い合わせフォームのカスタマイズの方法」よりフォームの編集方法を行いたいと思います。