【Contact Form 7】は【スパム対策】もできる超絶便利なお問い合わせフォーム

こんにちは。いちかわともや(@tomochan8282)です。

 

自分のブログを作る時、必要になってくるのが「問い合わせフォーム」です。

 

ところが、この問い合わせフォーム。

 

1からHTMLでコーディングをするのはめちゃくちゃ大変なんです。

 

僕は何度も挫折しました。。

 

だからと言って、メールアドレスを記載するだけでは、スパムのターゲットになる恐れもあります。

 

そこでご紹介したいのが、お問い合わせフォームを、サッと作り、スパム対策もできるプラグイン、「Contact Form 7」です!





◆もくじ

【Contact Form 7】は【スパム対策】もできる超絶便利なお問い合わせフォーム

  1. Contact Form 7
  2. 必要な設定
  3. 使い方
  4. まとめ

【Contact Form 7】は【スパム対策】もできる超絶便利なお問い合わせフォーム

Contact Form 7

「プラグイン」から「新規追加」を選びます。キーワードに「Contact Form 7」を入力。

 

今すぐインストール」を押します。インストールが完了したら忘れずに「有効化」をしてくださいね!

 

必要な設定

 

有効化後、「お問い合わせ」いう項目ができます。そして、「新規追加」を押します。

 

 

フォーム」タブに、以下(↓)をコピーして、貼り付けます。文言は好きに変えちゃってください。

 

<label> お名前 (必須)
[text* your-name] </label>

<label> メールアドレス (必須)
[email* your-email] </label>

<label> お電話番号 (必須)
[tel* your-tel]</label>

<label> ご住所
[text your-address] </label>

<label> お問い合わせ内容
[textarea* your-message] </label>

[acceptance check]この内容で送信する

[submit "送信"]

 

次に「メール」タブを押し、お問い合わせがあったことを通知するメール内容を編集します。

 

送信先等に変更がなければ、そのままで大丈夫です。編集した場合は「保存」を忘れずに。

 

 

メッセージ」「その他の設定」タブも、そのままでOKです。

 

好みに合わせて文章を変えましょう。最後に、「保存」を押します。

 

(↓)のようにショートコードが表示されるので、コピーをします。

IDの数字は、ランダムに決まるので、間違えないよう注意してください。

 

(↑)最初から用意されている「コンタクトフォーム1」は削除しても大丈夫です。

 

使い方

 

「固定ページ」から「新規追加」を押します。

 

 

  1.  「タイトル」に、「お問い合わせ」と入力
  2.  「パーマリンク」に、「contact」と入力
  3.  記事本文に、ショートコードのコピーを貼り付け、「更新」を押す

※画像(↑)のように、文言を追加してもOKです。

 

このような(↓)フォームの完成です!

 

 

あとは、CSSでカッコ良くカスタマイズしちゃいましょう。

 

まとめ

最後に、今回ご紹介したお問合わせフォームには、「この内容で送信する」という項目があります。

 

チェックを入れることができる項目です。

 

これにより、問合せフォームを悪用するボットやスパムが、劇的に減ります!

 

画像認証ほど強力ではありませんが、こういったひと手間を加えるだけで、大きなスパム対策になります。

 

以上がContact Form7の設置方法です。

 

最後までお読みいただきありがとうございました!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA