yubinbango.jsで郵便番号から住所を自動的に入れる

Wordpress関連
2018年11月19日

問い合わせフォームなどで、郵便番号から自動的に住所が入る機能の設置。
Wordpressで使用のcontact form 7でも簡単に利用できるので便利。

https://yubinbango.github.io/yubinbango/yubinbango.js

このjsをヘッダー部分に読み込ませて、あとは簡単なclassを当てるだけ。
kureai.infoでも利用中。
functions.phpのscript読み込み部分に以下を。
function_register_script(){
の部分に
wp_register_script(‘yubinbango’,’https://yubinbango.github.io/yubinbango/yubinbango.js’);
そして、読み込み指定で
elseif(is_page(‘contact’)){
wp_enqueue_script(‘yubinbango’);
}
wpcf7の郵便番号の指定部分に指定のタグを入れる。こんな感じ。



郵便番号



住所

最後にcontact form 7の出力ショートコードに
html_class=”h-adr”
を追加して完了。
[contact-form-7 id=”1382″ title=”kureai-contact” html_class=”h-adr”]
こんな感じ。
上記kureai.infoのcontactページの例。

PAGE TOP