2023.05.25 2023.05.26

【簡単】『Contact Form 7』に郵便番号検索を導入する方法（zipaddr-jp利用）

kanri

本記事はこんな方にオススメです

WordPress『Contact Form 7』に郵便番号検索を導入したい方
プラグイン『zipaddr-jp』の使い方について知りたい方
WordPressを利用している or 利用予定の方
Webデザイナーを目指している方

今回は、WordPressのフォーム作成プラグイン『Contact Form 7』に郵便番号検索を導入する方法について解説します。

プラグイン『zipaddr-jp』を使えば、プログラミング無しで簡単に郵便番号検索を導入することができます。

Contents

プラグイン「zipaddr-jp」をインストール
「Contact Form 7」に「zipaddr-jp」で郵便番号検索を導入する方法
- 「zipaddr-jp」で郵便番号検索を導入するためのid名一覧
- 「Contact Form 7」入力欄の記載例
最後に：WordPressについてのご相談等もお気軽にどうぞ！

プラグイン「zipaddr-jp」をインストール

まずは、プラグイン「zipaddr-jp」をインストールしましょう。

1.[プラグイン]-[新規追加]をクリック

2.「zipaddr-jp」と検索し、[今すぐインストール]をクリック

3.[有効化]をクリック

「Contact Form 7」に「zipaddr-jp」で郵便番号検索を導入する方法

「Contact Form 7」の入力欄に、「zipaddr-jp」の機能を使うためのid名を付けるだけで、郵便番号検索が導入できます。

「zipaddr-jp」で郵便番号検索を導入するためのid名一覧

入力項目	id名
郵便番号	zip
郵便番号(分割)	zip – zip1
都道府県	pref
市区	city
町村	area
その他	addr
都道府県以外をまとめる	pref – addr
町村以降をまとめる	pref – city – addr
住所をすべてまとめる	addr

「Contact Form 7」入力欄の記載例

1<tr>
2<th>郵便番号<span>必須</span></th>
3<td>〒 [text* your-zipcode minlength:7 size:8 id:zip] </td>
4</tr>
5
6<tr>
7<th>住所<span>必須</span></th>
8<td>[text* your-address id:addr]</td>
9</tr>