チュートリアル

送信ボタンはフォームにとって欠くことのできない構成要素です。よく知られているように送信ボタンは HTML では submit タイプの input 要素として表現されます: <input type=”submit”>。この HTML タグをそのまま Contact Form 7 のコンタクトフォームの中で使うことは可能ですが、それよりも Contact Form 7 独自の submit フォームタグの使用が推奨されます。

今日、スパムはあらゆるものをターゲットとします。あなたのコンタクトフォームも例外ではありません。Contact Form 7 はスパムを回避するためにいくつかの手段を用意しており、スパムフィルタリングプラグインである Akismet との連携はその中でも重要な位置を占めます。この記事ではコンタクトフォームに Akismet を実装する手順について説明します。

いわゆるボットと呼ばれるようなコンピュータープログラムによる自動フォーム送信を、本物の人間の手によるものと見分けてそれをブロックする方法としては CAPTCHA がありますが、CAPTCHA というのは場合によっては使いにくいものでもあります。CAPTCHA の文字の識別が困難な人もいますし、そもそも CAPTCHA が嫌いだという人も多いのです。それから CAPTCHA を使うためにはサーバーに画像処理ライブラリがインストールされている必要がありますが、そうではないサーバーを使うしかない場合もあるでしょう。
もっとシンプルな方法を使ったほうが都合がよい場合もあります。クイズの機能を使えば、人間なら答えられそうな質問と答えを考えるだけで、CAPTCHA と同等の役割を実現することができます。

ここでは、Contact Form 7 のファイルアップロードとメール添付の機能について説明します。この機能により、フォーム経由でのファイルアップロード、そのファイルをメールに添付して送信することが可能になります。
セットアップには2つのステップが必要です。1) フォームにファイルアップロード項目を追加すること。2) アップロードされたファイルをメールに添付するように設定すること。以下、これらの手順について説明していきます。

テキスト入力項目はコンタクトフォームの最も基本的な要素です。もうご存じと思いますが、HTML はテキスト入力項目のための2種類の要素を持っています。単一行入力のための <input type=”text”> と複数行入力のための <textarea> です。
Contact Form 7 ではこれら2種類の HTML 要素を表現する6種類のフォームタグを用意しています(text、text*、email、email*、textarea、textarea*)。この記事では、これらのフォームタグの詳細な使用方法とセマンティクスについて説明します。