Contact Form 7

CSS設定

エラーの対処方法

●ラジオボタンを縦一列にする
.wpcf7-radio .wpcf7-list-item {display: block;}

記事に表示させる

サンキューページも作成出来る
http://design-plus1.com/tcd-w/2011/03/contact-form-7.html

[contact-form-7 id="84" title="お問い合わせ"]

ショートコードを設置したいページに貼り付けるだけ！
自動で住所が表示されるようにしたい場合には、郵便番号自動検索のタグを入れる。

------------------------

<script type='text/javascript' src='https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js'></script>
<script type="text/javascript">
jQuery(function(){
  jQuery('#zip').keyup(function(event){
    AjaxZip3.zip2addr(this,'','addr','addr');
  })
})
</script>
[contact-form-7 id="84" title="お問い合わせ"]

------------------------

メールアドレスの確認

メールアドレスを上記と違うアドレスを入力するとエラーを出すやり方は functions.php にタグを書き足す

/* お問い合わせメールフォーム */
add_filter( 'wpcf7_validate_email', 'wpcf7_text_validation_filter_extend', 11, 2 );
add_filter( 'wpcf7_validate_email*', 'wpcf7_text_validation_filter_extend', 11, 2 );
function wpcf7_text_validation_filter_extend( $result, $tag ) {
$type = $tag['type'];
$name = $tag['name'];
$_POST[$name] = trim( strtr( (string) $_POST[$name], "\n", " " ) );
if ( 'email' == $type || 'email*' == $type ) {
if (preg_match('/(.*)_confirm$/', $name, $matches)){
$target_name = $matches[1];
if ($_POST[$name] != $_POST[$target_name]) {
$result['valid'] = false;
$result['reason'][$name] = '確認用のメールアドレスが一致していません';
}
}
}
return $result;
}

お問い合わせメールフォーム

パーツテンプレート

<table class="formTB">
	<tr>
		<th>お名前<span class="red">※</span></th>
		<td>姓：[text* your-name1 10/ class:con]　名：[text* your-name2 10/ class:con]</td>
	</tr>
	<tr>
		<th>フリガナ<span class="red">※</span></th>
		<td>姓：[text* your-name3 10/ class:con]　名：[text* your-name4 10/ class:con]</td>
	</tr>
	<tr>
		<th>郵便番号<span class="red">※</span></th>
		<td>[text* zip id:zip 10/ watermark]</td>
	</tr>
　　　<tr>
		<th>住　所<span class="red">※</span></th>
		<td>[text* addr id:addr 50/]</td>
	</tr>
　　　<tr>
		<th>番地、建物名など<span class="red">※</span></th>
		<td>[text* addr2 id:addr2 50/]</td>
	</tr>
	<tr>
		<th>電話番号<span class="red">※</span></th>
		<td>[text* tel1 5/ ] － [text* tel2 2/ ] － [text* tel3 5/ ]</td>
	</tr>
	<tr>
		<th>FAX番号</th>
		<td>[text fax1 5/ ] － [text fax2 2/ ] － [text fax3 5/ ]</td>
	</tr>
	<tr>
		<th>メールアドレス<span class="red">※</span></th>
		<td>[email* your-email 30/ ]</td>
	</tr>
	<tr>
		<th>メールアドレス<br />（確認）<span class="red">※</span></th>
		<td>[email* your-email_confirm 30/ ] <br />
<span class="fsmall14">念のためもう一度ご入力ください。コピー＆ペーストはしないでください。</span></td>
	</tr>
	<tr>
		<th>お問い合わせ内容</th>
		<td>[textarea coment 55x20]</td>
	</tr>
</table>
<p class="submit">[submit "　送　信　"]</p>

＜メッセージ本文＞

差出人: [your-name1] [your-name2]<[your-email]>
題名: お問い合わせメールフォーム

------------------------
このメールは不用品高価買取サービス (http://m3buy-tokyo.extrem.ne.jp) のお問い合わせフォームから送信されました
------------------------

＜送信内容＞

・お名前：[your-name1]　[your-name2]
・フリガナ：[your-name3]　[your-name4]
・郵便番号：[zip]
・住所：[addr]
・番地、建物名など：[addr2]
・電話番号：[tel1]-[tel2]-[tel3]
・ＦＡＸ番号：[fax1]-[fax2]-[fax3]
・メールアドレス：[your-email]
・お問い合わせ内容：
[coment]

＜自動返信メッセージ＞

不用品高価買取サービスにお問い合わせいただき、ありがとうございました。


[your-name1]　[your-name2] 　様

------------------------
本メールはお客様のお問合せ情報が
弊社のメールサーバに到達した時点で送信される、自動配信メールです。
------------------------

平素より、「不用品高価買取サービス」をご利用いただき誠にありがとうございます。
下記の内容にて問合せを受け付けましたのでご確認下さい。


・お名前：[your-name1]　[your-name2]
・フリガナ：[your-name3]　[your-name4]
・郵便番号：[zip]
・住所：[addr]
・番地、建物名など：[addr2]
・電話番号：[tel1]-[tel2]-[tel3]
・ＦＡＸ番号：[fax1]-[fax2]-[fax3]
・メールアドレス：[your-email]
・お問い合わせ内容：
[coment]


弊社からのご返答が３日以内（祝祭日除く）に届かない場合は、お手数ですが下記までご連絡下さい。
営業時間以外のメールの問合せについては、原則翌営業日の営業時間以降の受付とします。

【取扱会社】株式会社Ｍ３
【連絡先】042-546-3779
【営業時間】平日/9:00～17:00 土日祝休み
ＴＥＬ：0120-711-279
E-Mail：info@mthree.co.jp

=============================================================
「不用品高価買取サービス」
http://m3buy-tokyo.com/
 <運営>株式会社Ｍ３
=============================================================

＜CSS＞

/*フォーム*/
.formTB{
	width:800px;
	border-collapse:collapse;
	border-top:1px solid #868293;
	border-left:1px solid #868293;
	empty-cells:show;
	margin-top:-100px;
}
.formTB th{
	width:150px;
	border-right:1px solid #868293;
	border-bottom:1px solid #868293;
	background-color:#b7e9ff;
	padding:10px;
	text-align:center;
	font-size:16px;
}
.formTB td{
	border-right:1px solid #868293;
	border-bottom:1px solid #868293;
	padding:10px;
}
.submit{margin:20px 0px 0px 400px;}