『Contact Form 7』プラグインを使って、簡単にお問い合わせページを作ることができます。
お問い合わせページを作る手順を紹介していきます。
『Contact Form 7』のインストール
![Contact Form 7インストール](https://sho-chanblog.com/wp-content/uploads/2020/05/plugin1-1024x478.png)
『プラグイン』→『新規追加』をクリック
![Contact Form 7インストール](https://sho-chanblog.com/wp-content/uploads/2020/05/plugin2-1024x380.png)
『プラグインの検索』に『Contact Form 7』と入力
![今すぐインストールをクリック](https://sho-chanblog.com/wp-content/uploads/2020/05/plugin3-1024x418.png)
『Contact Form 7』の『今すぐインストール』をクリック
![有効化をクリック](https://sho-chanblog.com/wp-content/uploads/2020/05/plugin4-1024x339.png)
『有効化』をクリック
これで、インストールは完了です。
『Contact Form 7』の設定
![Contact Form 7設定](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form1-1024x882.png)
『お問い合わせ』をクリック
![Contact Form 7設定](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form2-1024x694.png)
既に1つ出来上がっている『コンタクトフォーム1』をクリック
![Contact Form 7設定](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form3-1024x550.png)
1.『コンタクトフォーム1』の名前を→『お問い合わせ』に変更
2.『保存』をクリック
(お問い合わせの機能は、これで十分なものとなっています。)
機能を追加したい方は、してみてください。
これで設定は完了です。
『Contact Form 7』でお問い合わせページを作る
![Contact Form 7ショートコード](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form4-1024x484.png)
青い部分の『ショートコード』を全文コピーする
![お問い合わせページ作成](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form5-1024x429.png)
『固定ページ』→『新規追加』をクリック
![Contact Form 7でお問い合わせページ作成](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form6-1024x347.png)
1.『タイトル』に『お問い合わせ』と入力
2.『文章を入力』に先ほどコピーした『ショートコード』を貼り付ける
![Contact Form 7でお問い合わせページ作成](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form7-1024x336.png)
一度『下書き保存』をクリック
![Contact Form 7でお問い合わせページ作成](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form8-1024x511.png)
1.『文書』をクリック
2.『パーマリンク』の『URLスラッグ』を英語にします『contact-form』と入力
![Contact Form 7でお問い合わせページ作成](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form9.png)
『公開する』をクリックして、ページの作成完了!
『お問い合わせページ』を設置
![Contact Form 7設置](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form10-1024x427.png)
お問い合わせページの『リンクをコピー』をクリック
![Contact Form 7設置](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form11.png)
『外観』→『メニュー』をクリック
![Contact Form 7設置フッターメニュー](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form12-1024x402.png)
1.『メニュー名』に『フッターメニュー』と入力
すでにメニューを作ってある方は、「新しいメニューを作成」をクリックして作ってください。
2.『メニューを作成』をクリック
![Contact Form 7設置フッターメニュー](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form13-1024x434.png)
1.『固定ページ』の『お問い合わせ』にチェック
2.『メニューに追加』をクリック
![Contact Form 7設置フッターメニュー](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form14-1024x475.png)
1.『メニュー設定』の『フッターメニュー』にチェック
2.『メニューを保存』をクリック
これで、設置完了です。
設置できているか確認してみましょう。
![Contact Form 7設置](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form15-1024x461.png)
『サイト名』をクリックしてサイト表示
![Contact Form 7確認](https://sho-chanblog.com/wp-content/uploads/2020/05/contact-form16-1024x341.png)
TOPページの一番下に『お問い合わせ』があればOK!
クリックして『お問い合わせ』が表示されれば完了です。
お疲れ様でした。
お問い合わせページを用意すると、海外からスパムメールがよく届くので、こちらの設定でセキュリティ強化しておきましょう。
コメント