Contact Form 7で作成したフォームで、
郵便番号を入力すると自動で住所も入力されるようにするためのプラグイン
「zipaddr-jp」のご紹介です。

プラグインのインストールと有効化

プラグイン　＞　新規追加より、
「zipaddr-jp」で検索し、インストール、有効化します。

Contact Form 7 の設定

①住所入力のフォームを表示させたい箇所で「テキスト」をクリック
②テキストタグの設定　★
③タグが挿入されます

zipaddr-jpを連動させるには、
テキストタグに以下のidを指定します。
・郵便番号　・・・　zip
・都道府県　・・・　pref
・市区町村　・・・　city
・町域　・・・　addr

 

サイト上の表示

 

都道府県、市区町村、町域を一つにまとめる場合はzipとcityだけでも大丈夫です。

 

サイト上の表示