IT女子のお気に入りフォルダ

管理人の備忘録と実践を兼ねた(出来るだけ)役に立つ情報を配信するブログです。

Contact Form7に画像認証を追加する

Contact Form7 で簡単なフォームを設置するとどうしてもスパムが増えてしまいます。Contact Form7には画像認証機能を追加するプラグインがあります。表示された画像の文字を入力するあれです。スパム防止に役立ちます。

WordPress Plugins - Really Simple CAPTCHA

このプラグインをインストールするとContact Form7の編集画面で「タグの作成」に「CAPTCHA」が追加されています。
cf7_captcha_01

表示される画像と入力フィールドの2つのショートコードが発行されるのでそれぞれフォームに追加します。
cf7_captcha_02

入力チェック時のエラーメッセージに追記したりなんかして。
cf7_captcha_03

これで保存すると下のように画像認証が設置されています。
cf7_captcha_04

cssを追加して見た目を変更することもできます。
例えば、

[captchac captcha-888 size:s fg:#ffffff bg:#000000]

とすると以下のようになります。
cf7_captcha_05
sizeは画像のサイズ。
size:s (60×20)、size:m (72×24)、size:l (84×28) のみ利用可能です。
fgは画像の文字色、bgは画像の背景色です。