ブログ｜ぼうびろく

19 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

06 March

cf7 コンタクトフォーム7　カスタム　送信完了画面/メール確認

http://www.radia.jp/contact-form-7-redirect-events/
https://kosgis.com/news/change-on_sent_ok-to-custom-dom-event/

on_sent_ok　が廃止のため、functions.phpに書かなくちゃいけなくなる。
あーーーめんどくせええええええええええええ

document.addEventListener( 'wpcf7mailsent', function( event ) {

location = 'https://ドメイン/thanks/';

}, false );

</script>

<p>お問い合わせありがとうございました。<br />

後ほど、担当者よりご連絡をさせていただきます。<br />

今しばらくお待ちくださいますようよろしくお願い申し上げます。</p>

</div>

.thanks_page{

padding:150px 15px 200px 15px;

text-align:center;

}

cf7のメール再確認のコードに_confilmをつける
emailだったらemail_confilm

// コンタクトフォームのメアド再入力

function wpcf7_main_validation_filter( $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]) {

if (method_exists($result, 'invalidate')) {

$result->invalidate( $tag,"確認用のメールアドレスが一致していません");

} else {

$result['valid'] = false;

$result['reason'][$name] = '確認用のメールアドレスが一致していません';

}

return $result;

}

add_filter( 'wpcf7_validate_email', 'wpcf7_main_validation_filter', 11, 2 );

add_filter( 'wpcf7_validate_email*', 'wpcf7_main_validation_filter', 11, 2 );

http://securavita.net/contact-form-7-thankspage/

on_sent_ok: "location.href = 'https://***************/thanks';"

on_sent_ok: "return;"

なんかreturnつけたほうがいいっぽい。
ページ切り替わる瞬間のメッセージを終了させるらしい
こういうのいちいち気になるやつらがいるからな

http://www.webantena.net/wordpress/plugin-contact-form-7-complete/

送信完了画面を固定ページで作成

コンタクトフォーム7「その他の設定」のテキストエリアの中に下記をいれる
かんたん！！


on_sent_ok:

"window.location.href = '完了ページのURL';"

コンタクトフォーム7作者は日本人だけど、考え方が海外の人なので、確認画面やら完了画面やら、日本ではよくみるものをはぶいている。どんだけ（日本人から）要望があろうが実装しない。
私もめんどくせーので省きたい。
だけど企業系はいれたがるからめんどくせーんだよ
ワンクリック送信で、その場で「送信されました」で済むコンタクトフォーム7がとてもいいのに、
いちいち余計なカスタマイズしてめんどくせーーーーーーーーーーー

PR

06 March

URLが同じで、スマホとPCで別html表示させたい

http://qiita.com/yokoh9/items/2e23198294ba314b4b4b

上記URLから多少変更　R→L

ほかのサイトに載ってる多くのコードは、同じURLにアクセスしたとき、デバイスで/sp　に飛ばすとかばっかりで、同じURLで見せるのが全然なかった

RewriteEngine on

RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ sp/$1 [L]

RewriteCond %{REQUEST_URI} /sp/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^sp/(.*)$ $1 [L]

06 March

特定の記事をループから除外

http://qiita.com/triamquium/items/91ea57ad0ad30a356b03

wp_query　を使う

27 February

投稿画面のカテゴリー並び順

1
2
3
4
5

function lig_wp_category_terms_checklist_no_top( $args, $post_id = null ) {
    $args['checked_ontop'] = false;
    return $args;
}
add_action( 'wp_terms_checklist_args', 'lig_wp_category_terms_checklist_no_top' );

なんか↑の効かなくなった

add_filter( 'wp_terms_checklist_args', 'ps_wp_terms_checklist_args' , 10, 2 );

function ps_wp_terms_checklist_args( $args, $post_id ){

 if ( $args['checked_ontop'] !== false ){

 $args['checked_ontop'] = false;

}

 return $args;

}

24 February

テーマXeory BaseとExtension　アンカーリンクのスムーススクロールが効かない

何か下記記述でうまくいかない
スムーススクロールが無効化されてしまう
これにしたら出来た
http://taneakashi.ad-mk.com/jquery-scroll-tab-kaiketsu.html

<script>
$(function(){
   // #で始まるアンカーをクリックした場合に処理
   $('a[href^="#"]' + 'a:not(.non-scroll)').click(function() {
      // スクロールの速度
      var speed = 400; // ミリ秒
　　　 // 移動先を取得
      var href= $(this).attr("href");
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});
</script>

jquery.pagetop.js　内のコードを見ると、全てのアンカーリンクでスムーススクロールが効く記述になってるみたいだけど、カスタムメニューのカスタムリンクでページ内リンク作ったけど、スムースしない。

しょうがないので、jquery.pagetop.js内の記述を消し、検索して出てくる記述を書き込むことでアンカーリンクにスムースできた。

メニュークリックでメニューパネルが開いたり、タブを使用してる人は、アンカーリンクがバッティングするので、:notで除外する

1	`$('a[href^=#]').not('#除外id a.除外クラス').click(function(){`

http://ruh.sunnyday.jp/archives/454

Xeoryテーマって別に使いやすくない
important使いまくりでイライラする

親テーマ内　jquery.pagetop.js　の読み込みを消す。記述を消す。どれでもいい。
親か子のどっちでもいいけど、消した記述の代わりに下記スムーススクロール（バッティグ対応）を記述

<script type="text/javascript">
(function($){

jQuery(function() {
jQuery('a[href^="#"]:not([href$="#"])').click(function() {
var href = $(this).attr('href');
var pos = $(href).offset().top;
var duration = 200;
jQuery('body, html').animate({ scrollTop: pos }, duration, 'swing');
return false;
});
});

})(jQuery);
</script>

ページトップボタンが非表示のままになるのでcssを追加する
.pagetop{
    display:block;
    visibility:inherit;
    opacity:1;
}

ページトップボタンを　#header　など、id名をいれる。