ブログ開設したなら欠かせないのがお問い合わせフォーム。コメントやお問い合わせフォームでブログ運営者に物申したい人もいれば、ちょっとしたご相談なんかもあります。また、ブログが強くなってきたら広告掲載の依頼がきたりするので必ず設置しておきます。
1. Contact Form 7のインストール&有効化
プラグイン>新規追加 より Contact Form 7を検索し、インストール→有効化。
![con1](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/con1.png?resize=500%2C190&ssl=1)
2. Contact Form 7 の使い方
① 管理画面よりお問い合わせ→新規追加をクリック。フォーム名にわかりやすく名前をつけたらいったん保存します。
![conta1](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/conta1.png?resize=600%2C294&ssl=1)
保存すると、無題から変更された名前とコードが表示されます。
![conta2](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/conta2.png?resize=468%2C216&ssl=1)
続いてフォームの設定をします。フォームの下にあるタグの一覧よりお問い合わせに表示させたい項目を選択します。
※通常のブログ用ならメールアドレスと送信ボタンぐらいを編集すればOKです。
② メールアドレスから編集していきます。フォーム下のメールアドレスをクリック。
![cont1](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/cont1.png?resize=436%2C460&ssl=1)
すると、フォームタグ生成の画面が表示されるので以下の通りにすすめます。
![cont2](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/cont2.png?resize=500%2C430&ssl=1)
- 必須項目にチェック。→メールアドレスが空白だとお問い合わせできないようにします。
- デフォルト値(オプション):contact@example.comと入力
- このテキストをプレースホルダ―として使用する、にチェック。
- Akismet:送信者のメールアドレスの入力を要求する項目にチェックします。
③ 下に表示されているコードをコピーして、フォームの[email* your-email]を削除し、新たなコードに置き換えます。
![cont3](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/cont3.png?resize=487%2C439&ssl=1)
↓↓
![](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/conta2-1.png?resize=600%2C383&ssl=1)
※ここでいったん保存します。
④エラーを解消していきます。
メールのタブをクリック。
↓↓
追加ヘッダーに[email-数字]のタグをコピーし、貼り付けます。
![cont5](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/cont5.png?resize=491%2C458&ssl=1)
同様に、メッセージ本文の[your-email]の箇所を[email-数字]に置き換えます。
![conta3](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/conta3.png?resize=496%2C179&ssl=1)
⑤ 保存し、表示されているコードをコピー。
![con10](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/con10.png?resize=500%2C141&ssl=1)
お問い合わせのページを作成。
フォームが完成したら、お問い合わせページを作成します。
固定ページ>新規追加
![con11](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/con11.png?resize=299%2C123&ssl=1)
固定ページを編集します。
クラシックエディタの場合
タイトル、パーマリンクを編集し、本文には先ほどコピーしたフォームのコードをペースとします。
![con12](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/con12.png?resize=500%2C330&ssl=1)
ブロックエディタの場合
新しくブロックを作成する時のプラスマークをクリックし、「conta」・・と入力すると、Contact Form7が表示されますので選択。
![](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/contgg-1.png?resize=800%2C571&ssl=1)
先ほど作ったフォームを選択し、ページを下書き保存→パーマリンクを「contact」に変更し、公開。
記事を公開すると、このようにお問い合わせフォームの完成です!
![con13](https://i0.wp.com/himariko.com/wp-content/uploads/2015/06/con13.png?resize=387%2C554&ssl=1)
送信ボタンやメッセージ本文など自由にカスタマイズできるので慣れてきたら是非活用してみてください!
「Contact Form 7の設定を検証する」について
コンタクトフォーム7を使っていると、定期的にContact Form 7の設定を検証しましょうと通知がきます。(↓画像参照)「Contact Form 7の設定を検証する」をクリックして検証しておきましょう。
![](https://i0.wp.com/himariko.com/wp-content/uploads/2024/01/contac-1.png?resize=800%2C326&ssl=1)
※ついでに上記画像のように案内が出てきますので必要ないので「非表示にする」をクリック。
月収10万円〜100万円達成まで!
主婦さんのブログ実績者多数の
サロン情報も発信中です!
※読者さん限定特典あり!
メルマガでは、4つの動画プレゼント中!
- ネットビジネスは何から始めたらいいか
- ネットビジネス未経験だったひまりこが初心者の頃どのような行動をして3ヶ月で手応えを感じ、4ヶ月目で月収10万円達成したのか
- 50人以上実際に教えて月収10万円から400万円以上稼がせてきたのか
教えてきた経験&事例を存分に盛り込んで稼ぐために、理想のライフスタイルを実現させるために必要なことが学べる内容となっています!^^
そして、オンライン講座に登録いただいた感謝を込めて、すぐに学べるプレゼントをご用意いたしました!いずれも動画と文章で解説しています☆
さらには、リアルタイムメルマガでは
- サロンで実際にどんな活動をしているのか
- 勉強会の様子
- メンバーさんの成長の様子
などもお伝えしています!
登録はこちらから!
↓↓