2013年2月10日

WordPress/ContactForm7で〒番号自動入力してみた

投稿者: 管理者

WordPress/ContactForm7で〒番号自動入力してみた
もちろん、こちら様を参考にしただけのことですが。
http://code.google.com/p/ajaxzip3/

いわずと知れた、WordPress最強フォームプラグイン、Contact Form 7

1. まずは、header.php の <?php wp_head() ?> のうしろあたりに、

[html]
<script type=’text/javascript’ src=’https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js’></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){
AjaxZip3.JSONDATA = "https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/zipdata";
jQuery(‘#zip’).keyup(function(event){
AjaxZip3.zip2addr(this,”,’pref’,’addr’);
})
})
//]]>
</script>
[/html]

をペースト。

2. フォームページには、

 郵便番号 [text* zip id:zip 10/ watermark “例)111-1111″]
 都道府県 [text* pref id:pref 10/]
 市区町村 [text* addr1 id:addr 40/100]
 丁目番地 [text* addr2 40/100] ※番地も忘れずに書いてね!

3. メッセージ本文(フォーム受取り内容)には、
[html]
ご住所 : 〒[zip] [pref][addr1][addr2]
[/html]
4. おしまい