contact form7でサンクスページへ遷移

概要
※contact form7でサンクスページに遷移したい。
※javascriptの「on_sent_ok」は2017年内に廃止予定。
※代替案としてfunction.phpに変更を加える。

通常、別ページへリダイレクトする場合

//functions.phpファイルに以下を記載
 
<?php
 
//ここから
add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
  if(jQuery('.wpcf7').length){ //formのclassが存在するか判定
    var wpcf7Elm = document.querySelector( '.wpcf7' );
    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
     location.replace('遷移先のURL');
   }, false );
  }
</script>
<?php
}
 
//ここまで
 
?>

複数ページでリダイレクトを使用する場合

F12キーで「class="wpcf7"」のコード部分を確認。 同列のidを先述の「class="wpcf7"」と変更。 F
//functions.phpファイルに以下を記載
 
<?php
 
//ここから
add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
  if(jQuery('#wpcf7-f145-p62-o1').length){ //formのclassが存在するか判定
    var wpcf7Elm = document.querySelector( '#wpcf7-f145-p62-o1' );
    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
     location.replace('遷移先のURL');
   }, false );
  }
</script>
<?php
}
 
//ここまで
 
?>
2018.02.22(木)