Contact Form7で郵便番号入力→住所欄自動表示

ホームページ,wordpress

ライブラリを読み込む

<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8″>

または function.php で「wp_enqueue_script( 'yubinbango’, 'https://yubinbango.github.io/yubinbango/yubinbango.js’, array(), null, true );」を追加

コンタクトフォームの設定画面

(1)最初の行にでも「<span class="p-country-name" style="display:none;">Japan</span>」

(2)郵便番号→ 「[text your-zipcode class:p-postal-code minlength:7 size:8]」

(3)住所→ 「[text your-address class:p-region class:p-locality class:p-street-address class:p-extended-address]」

固定ページ・または投稿ページでのショートコード入力

「html_class="h-adr"]」を追加

※wordpressでなくても(htmlでも)同じようにできます。https://github.com/yubinbango/yubinbangoをご参照ください。