Contact Form 7 フォームの入力内容をデバッグで出力する

Contact Form 7でfunctions.phpにコードを記述するとフォームのデバッグを行うことができます。デバッグではフォームで入力された情報を閲覧することができるので、フォームのカスタマイズなどに活用できます。

手順

1. コードをfunctions.phpに記述

add_action( 'wpcf7_before_send_mail', 'my_process_cf7_form_data' );
function my_process_cf7_form_data() {

    $submission = WPCF7_Submission::get_instance();
        if ( $submission ) {
            $posted_data = $submission->get_posted_data();
    }

    ob_start();
    var_dump($posted_data);
    error_log(ob_get_clean());

}

2. コードをwp-config.phpに記述

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );

3. フォームのテスト送信を行う

Contact Form 7で作成したフォームでテスト送信を行います。

4. wp-contentフォルダーのdebug.logを確認

WordPressがインストールされているwp-contentフォルダーにdebug.logが作成されているので確認します。

参考

wordpress – Trying to get contact form 7 post data to debug to screen – Stack Overflow

デザインを本で学びたい人向けの記事

初心者ノンデザイナーがこれからデザインを勉強するのにおすすめの本 4選