トリコロールな猫

猫とつくばと茨城をこよなく愛するnekotricolorのブログです

Wordpressにお問い合わせフォームを追加(スパム対策込)

 

お問い合わせフォームの王道という、「Contact Form 7」というプラグインを使います。

プラグインをインストールすると、管理画面に「お問い合わせ」というメニューができます。そこをクリック。 2013-01-09-1

もうすでに1つサンプルができているので、これをカスタマイズします。

2013-01-09-2

まずはメールアドレス等の基本設定。といっても、最低限の設定は既にしてあるので、「宛先」(送信先のメールアドレス)を入力すれば使えるようになります。 2013-01-09-3

スパム対策のため、「フォーム」の以下の部分を書き換えます。スパム対策にはakismetを使います。 ※そのままだと表示がおかしくなるので「[」を全角に変えている部分があるのでコピペするならご注意を

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

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

を以下に変更。

<p>お名前 (必須)<br />
    [text* your-name akismet:author] </p>

<p>メールアドレス (必須)<br />
   [email* your-email akismet:author_email] </p>

保存して、固定ページ作成や新規投稿のページで以下のように記入すれば、お問い合わせフォーム入りのページを作成できます。idやtitleは各自「お問い合わせ」のページに表示されている「ショートコード」通りに変更してください。

[contact-form-7 id=&"734&" title=&"コンタクトフォーム 1&"]

とりあえずページにフォームを表示させてみましたが、実際はフッタに入れておきたいのでそれは「WordPressでフッターにお問い合わせフォームを設置」に。

参照