Contact Form 7はWordPressで有名なコンタクトフォームプラグインです。ほぼすべての英語企業サイトには「Contact Me」ページがあり、このコンタクトページではContact Form 7のようなプラグインを使用してユーザーの問い合わせメールを受け取ります。Contact Form 7は複数のコンタクトフォームを管理でき、フォームをカスタマイズし、メール内容を柔軟に調整できます。また、このフォームはAjax、CAPTCHA、Akismetスパムフィルターなどをサポートしています。次に、Naibaサイト構築ノートでは、Contact Form 7の使用チュートリアル、特に重要なメール設定部分について詳しく説明します。これにより、サイト運営に苦労しても、顧客からの問い合わせがあっても、問い合わせメールが届かないという困った状況を避けることができます。前置きはこれくらいにして、Contact Form 7チュートリアルを始めましょう。
Contact Form 7をインストール
Contact Form 7のインストール方法は非常に簡単です。WordPress管理画面のプラグインから「Contact Form 7」を検索してインストールできます。下図を参照してください：
インストール完了後、有効化します。
ダウンロードリンクContact Form 7を設定
有効化後、Contact Form 7の設定に入ります。プラグイン一覧から「設定」ボタンをクリックするか、左メニューの「コンタクト」をクリックして入ることができます。
デフォルトで「Contact form 1」というコンタクトフォームが自動的に作成されます。「編集」ボタンをクリックします。
デフォルトのフォームには、以下の項目が追加されていることが確認できます：
- 名前 Your Name
- メール Your Email
- 件名 Subject
- メッセージ Your Message
「required」が付いている項目は必須入力です。英語の説明は自由に変更できますが、角括弧「[]」内の内容は変更しないでください。新しい機能を追加したい場合は、上部のボタンをクリックして直接挿入できます。
例えば、CAPTCHAを追加します。 
「クイズ」ボタンをクリックし、ポップアップウィンドウで質問と答えを入力し、送信ボタンの前の行に挿入します。クイズによる認証でスパムメールを防げない場合は、AkismetやreCAPTCHA人機識別システムを接続することもできます。プラグイン設定ページにヒントがあります。ただし、ボットをブロックするには、直接クイズ認証を使用することをお勧めします。質問に答えられなければデータベースに送信されず、サイトのパフォーマンスに影響を与えません。
Contact Form 7フォームを呼び出す
フォームを設定したら、サイトのフロントエンドにこのコンタクトフォームを表示したい場合、どうすればよいでしょうか？フォームのショートコードを直接コピーし、記事やページの表示したい場所に貼り付けるだけです。
ショートコードをウィジェットに追加することもできます。最終的な効果は下図の通りです：
上記で追加したクイズ認証は、正しく答えられないと送信されず、大部分のボットをブロックできます。
ページビルダープラグインを使用している場合、一般的にビルダープラグインには専用のContact Form 7フォームインターフェースがあり、より美しいスタイルが付いているので、そちらを選ぶこともできます。Contact Form 7の表示スタイルを自分で変更する場合は、ある程度のCSSの基礎知識が必要です。
Contact Form 7メールシステムを設定
もし使用しているのが
SiteGroundこのようなマネージド型の共有ホスティングでは、設定なしで直接メールを送信できます。しかし、サーバーが直接メール送信をサポートしていない場合、または組み込みのメールシステムが機能しない場合は、サードパーティのツールを利用してSMTPでメールを送信する必要があります。SMTPの設定方法は多数あります。Naibaサイト構築ノートでは以前に記事を書いていますので、対応する記事を参考にして操作してください。
メールのローカル・デュアルバックアップによるフォーム保存
メールを送信する以外に、Contact Form 7のメール情報をローカルに保存するプラグインをインストールすることを強くお勧めします。これにより、メール送信失敗やスパムフォルダーへの振り分けを防げます。公式が推奨しているのは
Flamingoです。インストールすれば、サイト管理画面ですべてのContact Form 7経由で送信されたフォーム情報を確認できます。Contact Form 7について他に質問はありますか？Naibaに無料で相談できます。
インストール完了後、有効化します。ダウンロードリンク
デフォルトで「Contact form 1」というコンタクトフォームが自動的に作成されます。「編集」ボタンをクリックします。
デフォルトのフォームには、以下の項目が追加されていることが確認できます：
「クイズ」ボタンをクリックし、ポップアップウィンドウで質問と答えを入力し、送信ボタンの前の行に挿入します。クイズによる認証でスパムメールを防げない場合は、AkismetやreCAPTCHA人機識別システムを接続することもできます。プラグイン設定ページにヒントがあります。ただし、ボットをブロックするには、直接クイズ認証を使用することをお勧めします。質問に答えられなければデータベースに送信されず、サイトのパフォーマンスに影響を与えません。
ショートコードをウィジェットに追加することもできます。最終的な効果は下図の通りです：
上記で追加したクイズ認証は、正しく答えられないと送信されず、大部分のボットをブロックできます。
ページビルダープラグインを使用している場合、一般的にビルダープラグインには専用のContact Form 7フォームインターフェースがあり、より美しいスタイルが付いているので、そちらを選ぶこともできます。Contact Form 7の表示スタイルを自分で変更する場合は、ある程度のCSSの基礎知識が必要です。
コメントは終了しました
この記事のコメント機能は終了しています。ご質問がある場合は、他の方法でお問い合わせください。