wordpressコンタクトフォームの作成(Contact Form 7)

Contact Form 7 を使用して何度かお問い合わせフォームを作成したので、備忘録としてまとめておく

1 Contact Form 7プラグインのインストール

インストールするとダッシュボードに新たにお問い合わせの欄が表示される。

2 新規追加

下記欄に自分で作成したコンタクトフォームのhtmlを挿入
※ formタグはcontact form 7が自動生成するのでformタグ内のコードを記述。contactページのhtmlファイルにもformタグは記入しない。

3 保存をした後に下記の黄下線のショートコードをコピー

4 ショートコードを下記()内に記述し、所定の位置にこのコードを埋め込む

<?php echo do_shortcode(''); ?>

5 thanksページをオリジナルで作成している場合は下記コードをfunction.phpに記述

add_action('wp_footer', 'redirect_to_thanks_page');
function redirect_to_thanks_page() {
  $homeUrl = home_url();
  echo <<< EOD
    <script>
      document.addEventListener( 'wpcf7mailsent', function( event ) {
        location = '{$homeUrl}/thanks/';
      }, false );
    </script>
  EOD;
}

6 あとはメールの送受信設定をし、送信テストをして、送信後にpage-thanks.phpに遷移していることと、メールが送受信されているかを確認して完成。

以上。