お奨めオプション:サラケータイ即日設定可能です。Lineでメッセージ頂けたらと思います。
機能拡張をご希望の方はシンサラをご検討下さい。
言葉の一部を入力して虫メガネアイコンをクリックして検索してください。Lineでのご質問もこちらからお気軽に→

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をご参照ください。