MW WP Formで郵便番号から住所を自動入力させる方法

新着

カテゴリ一覧
- wordpress
- google
- サーバー
- ドメイン
- sns
- プラグイン
- css
- Illustrator
- photoshop
- bootstrap
- その他

プラグイン

MW WP Formで郵便番号から住所を自動入力させる方法

2023/11/21

MW WP Form

参考URL

Yubinbangoライブラリの読込

functions.phpというファイルに追加

/* Your code... */</code> <span class="s1">wp_enqueue_script('yubinbango','https://yubinbango.github.io/yubinbango/yubinbango.js',array(),false,true );</span>

1	/* Your code... */</code> <span class="s1">wp_enqueue_script('yubinbango','https://yubinbango.github.io/yubinbango/yubinbango.js',array(),false,true );</span>

フォームにclassを付ける

functions.phpというファイルに追加

/* Your code... */

1	/* Your code... */

function add_yubinbango_class(){

echo <<<EOC

jQuery(‘.mw_wp_form form’).addClass(‘h-adr’);

</script>

EOC;

}

add_action( ‘wp_print_footer_scripts’, ‘add_yubinbango_class’ );

国名を指定する

MW WP Formのフォーム作成画面のエディターの中にペーストして保存すればOKです。場所はどこでも大丈夫です。

/* Your code... */</code>&lt;p class="p-country-name" style="display:none"&gt;Japan&lt;/p&gt;

1	/* Your code... */</code><p class="p-country-name" style="display:none">Japan</p>

郵便番号の入力欄を作成する

/* 郵便番号... */</code>[mwform_zip name="zipcode" class="p-postal-code form-control"] <code>/* 住所... */</code>[mwform_text name="address" id="address" class="p-region p-locality p-street-address p-extended-address form-control" placeholder="郵便番号の入力で自動で入力されます"]

1	/* 郵便番号... /</code>[mwform_zip name="zipcode" class="p-postal-code form-control"] <code>/ 住所... */</code>[mwform_text name="address" id="address" class="p-region p-locality p-street-address p-extended-address form-control" placeholder="郵便番号の入力で自動で入力されます"]