MW WP Form/WordPressで
郵便番号から住所自動入力

 

 

 

以下正しく動作していませんね、、、すみません(2021_0301)

 

管理画面の「フォームを編集」から、上部に、

<span class="p-country-name" style="display: none;">Japan</span>

郵便番号と住所・建物名のところは、

<dl>
<dt class="mwform-title">ご住所<br />
<span class="mwform-require">必須</span></dt>
<dd>
<div class="mwform-field">[mwform_text name="郵便番号" class="p-postal-code" size="10" placeholder="106-0031"]<br />
<!-- end .mwform-field --></div>
<div class="mwform-field">[mwform_text name="住所" class="p-region p-locality p-street-address p-extended-address" size="60" placeholder="東京都港区西麻布1-7-2"]<br />
<!-- end .mwform-field --></div>
<div class="mwform-field">[mwform_text name="住所建物" placeholder="エコナック西麻布510"]<br />
<!-- end .mwform-field --></div>
</dd>
</dl>

functions.phpに以下の記述を

// 郵便番号自動入力できるように

// オリジナルテーマ用JS読み込み
function my_scripts() {

// yubinbango
wp_enqueue_script( 'yubinbango', '//yubinbango.github.io/yubinbango/yubinbango.js', array(), null, true );

}
add_action( 'wp_enqueue_scripts', 'my_scripts');

// MW WP Formのクラスをyubinbangoのクラスに変更する
function mwform_form_class() {
?>
<script>
jQuery(function($) {
$( '.mw_wp_form form' ).attr( 'class', 'h-adr' );
});
</script>
<?php
}
add_action( 'wp_head', 'mwform_form_class', 10000 );

これでいけるようです。備忘録メモとしてです。