日: 2014年11月3日

コンタクトフォームにメルアド確認　追加

cssにinput[type=’email’]も追加　

input[type='text'], textarea, .wpcf7-select,input[type='email']

ファンクションに
// Contact Form 7 に確認用メールアドレス入力欄を実装する
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;
}

コンタクトに

<tr><th>※メールアドレス確認</th>
  <td> [email* your-email_confirm]</td>
</tr>

Contact form 7 のフォームに自動的に記事タイトルを入れる方法

function my_form_tag_filter($tag){
  if ( ! is_array( $tag ) )
  return $tag;
 
  if(isset($_GET['carname_title'])){
    $name = $tag['name'];
    if($name == 'carname_title')
      $tag['values'] = (array) $_GET['carname_title'];
  }
  return $tag;
}
add_filter('wpcf7_form_tag', 'my_form_tag_filter', 11);

carname_titleを変える。

コンタクトに作成

<a href='/?page_id=9&carname_title=<?php the_title(); ?>'>

二つの場合

//Contact form 7 のフォームに自動的に記事タイトルを入れる方法
function my_form_tag_filter($tag){
  if ( ! is_array( $tag ) )
  return $tag;
 
  if(isset($_GET['carname_title'])){
    $name = $tag['name'];
    if($name == 'carname_title')
      $tag['values'] = (array) $_GET['carname_title'];
  }
  
      if(isset($_GET['car_url'])){
    $name = $tag['name'];
    if($name == 'car_url')
      $tag['values'] = (array) $_GET['car_url'];
  }
  
  return $tag;
 
}
add_filter('wpcf7_form_tag', 'my_form_tag_filter', 11);

曲げる　回転　css

-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);

その他
http://squeeze.jp/blog/web-design/heading-design-border-css/