Wordpress ContactForm7設置時にしておきたいこと

2020-06-18

プラグイン等について、触れてきていなかったので、ぼちぼちメモを残していこうかと思います。
まずは、Contact Form 7 についてです。


承認承諾のチェックボックス

メールフォームを設置する場合、プライバシーポリシーを読んでもらい、フォーム送信に同意を確認する目的でチェックボックスを設置したりするケースがあります。
ただのチェックボックスを配置しても、送信ボタンが押せてしまうため、送信ボタンと連動して、同意していなければ、送信できないようにする必要があります。
そこで、Contact Form 7では、送信ボタンと連動させる方法があります。
[acceptance]タグを使用することで、承認承諾のチェックボックスを導入できます。
コンタクトフォーム編集画面の「フォーム」タブに承認確認タグが用意されているので、それを使用します。

といった感じで挿入し、送信ボタンは一緒には挿入されませんので、別途、divなどで囲んで、挿入しておきます。

そして、コンタクトフォーム編集画面の「その他の設定」タブに下記を追記しておきます。

出力されるhtmlは下記の様になります。

あとは、CSSなどで装飾などはしていくと良いでしょう。


補足

WordPress側で読み込んでいるjQueryをfunction.phpなどへの記述で、読み込ませないようにしていたりすると、うまく動作しない場合がありますので、ご注意ください。


確認用メールアドレスの入力

もう一点、メールフォームの導入時に、よく用いられる確認用メールアドレスの入力についてもメモしておこうと思います。
まず、function.phpに下記を記載します。

そして、コンタクトフォーム編集画面の「フォーム」タブで、メールアドレスのタグを利用して、入力していきます。
確認用のメールアドレスの名前の部分に、_confirmを入れておくのを忘れないようにしてください。


以上が、Contact From 7プラグインでメールフォームを導入する際に、よく使用されるカスタムかと思います。