ひまりこメルマガ配信中!
【2018年5月よりオンラインサロン2期目始めます!】

リピーターさん半数以上!
主婦メインのブログで稼ぐオンラインサロンの募集は
メルマガ読者さん限定にお届けしています。

初心者さん向け!ゼロから始めるブログの作り方をプレゼント中!
プラグイン

お問い合わせフォームをプラグインで簡単設定!ContactForm7の使い方

wpcon

ブログ開設したなら欠かせないのがお問い合わせフォーム。コメントやお問い合わせフォームでブログ運営者に物申したい人もいれば、ちょっとしたご相談なんかもあります。また、ブログが強くなってきたら広告掲載の依頼がきたりするので必ず設置しておきます。

1. Contact Form 7のインストール&有効化

プラグイン>新規追加 より Contact Form 7を検索し、インストール→有効化。

con1

 

2. Contact Form 7 の使い方

① 管理画面よりお問い合わせ→新規追加をクリック。フォーム名にわかりやすく名前をつけたらいったん保存します。

conta1

 

保存すると、無題から変更された名前とコードが表示されます。

conta2

 

続いてフォームの設定をします。フォームの下にあるタグの一覧よりお問い合わせに表示させたい項目を選択します。
※通常のブログ用ならメールアドレスと送信ボタンぐらいを編集すればOKです。

② メールアドレスから編集していきます。フォーム下のメールアドレスをクリック。

cont1

すると、フォームタグ生成の画面が表示されるので以下の通りにすすめます。

cont2
  • 必須項目にチェック。→メールアドレスが空白だとお問い合わせできないようにします。
  • デフォルト値(オプション):contact@example.comと入力
  • このテキストをプレースホルダ―として使用する、にチェック。
  • Akismet:送信者のメールアドレスの入力を要求する項目にチェックします。

 

③ 下に表示されているコードをコピーして、フォームの[email* your-email]を削除し、新たなコードに置き換えます。

 

cont3

※ここでいったん保存します。

 

④ フォームの隣のメールを開き、追加ヘッダーに[email-数字]のタグをコピーし、貼り付けます。

cont5

 

同様に、メッセージ本文の[your-email]の箇所を[email-数字]に置き換えます。

conta3

 

⑤ 保存し、表示されているコードをコピー。

con10

 

お問い合わせのページを作成。

フォームが完成したら、お問い合わせページを作成します。
固定ページ>新規追加

con11

 

固定ページを編集します。
タイトル、パーマリンクを編集し、本文には先ほどコピーしたフォームのコードをペースとします。

con12

 

記事を公開すると、このようにお問い合わせフォームの完成です!

con13

 

送信ボタンやメッセージ本文など自由にカスタマイズできるので慣れてきたら是非活用してみてください!

ひまりこメルマガ

アドセンス累計1,000万円以上稼いできたブログの作り方をまとめました♪