ワードプレスのcontact form 7 で郵便番号から住所を自動で入力する方法

function.phpの設定

function.phpに下記の記述をする。

function autozip() {
wp_enqueue_script('autozip', get_stylesheet_directory_uri() .'/common/js/autozip.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'autozip' );

autozip.jsは/wp-content/themes/【テーマ名】/common/js/autozip.jsに設置する。

contact form 7の設定

各ショートコードの中に下記を記述する。

郵便番号 class:p-postal-code
住所 class:p-region class:p-locality class:p-street-address
番地 class:p-extended-address

郵便番号[text* your-zip class:p-postal-code]
住所[text* your-address-01 class:p-region class:p-locality class:p-street-address]
番地[text* your-address-02 class:p-extended-address]