/*点滅スクリプトと同時使用*/ @-webkit-keyframes pulse { from { opacity: 1.0;/*透明度100%*/ } to { opacity: 0.1;/*透明度80%*/ } } #d_sidenavi_in ul.side_main_navi li a:hover { -webkit-animation-name: pulse;/* 実行する名前 */ -webkit-animation-duration: 0.1s;/* 0.3秒かけて実行 */ -webkit-animation-iteration-count: 3;/* 何回実行するか。infiniteで無限 */ -webkit-animation-timing-function: ease-in-out;/* イーズインアウト */ -webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */ -webkit-animation-delay: 0s; /* 実行までの待ち時間 */}
月: 2013年12月
お引越の際はhtaccess
RedirectMatch 301 .* http://example.com/index.html
これがどこにアクセスしてもここに飛ぶ 全部トップページへ飛ばす。
301が検索エンジンにも引越報告
以下例 その他
サーバー移転などサイト全体のリダイレクト
現在のサーバーURL(転送元) http://www.example.jp/
新しいサーバーURL(転送先) http://example.com/
Redirect permanent / http://example.com/
ディレクトリ単位のリダイレクト(転送)
現在のサーバーURL(転送元) http://www.example.jp/shop/
新しいサーバーURL(転送先) http://example.com/japan/shopping/
Redirect permanent /shop/ http://example.com/japan/shopping/
特定ファイル(拡張子)のみリダイレクト(転送)
現在のサーバーURL(転送元) http://www.example.jp/
新しいサーバーURL(転送先) http://example.com/
RedirectMatch 301 (.*)\.jpg$ http://example.com$1.jpg
RedirectMatch 301 (.*)\.gif$ http://example.com$1.gif
コンタクトフォームで
■コンタクトフォームでのスパム対策 直埋め込み
acceptance-0 送信してよろしいですか?
と認証式にするとよい
http://curious-everything.com/1089-entry.html
ショートコード埋め込み
<?php echo do_shortcode( '[contact-form-7 id="4" title="コンタクトフォーム 1"]' ); ?>
■コンタクトフォームで添付ファイルの最初は1MB
変更は
[file file-359 limit:3000000]
■コンタクトフォーム ファイル名文字化け
やったけど入換え phpmailなんとか
治らなかった
画像の先読みこます
<script> image = new Image(); image.src = "img/top/jc_top2-02.jpg"; image.src = "img/top/jc_top2-07.jpg"; image.src = "img/top/jc_top2-06.jpg"; image.src = "img/menu_put-01_on.jpg"; image.src = "img/menu_put-02_on.jpg"; image.src = "img/menu_put-03_on.jpg"; image.src = "img/menu_put-04_on.jpg"; image.src = "img/menu_put-05_on.jpg"; image.src = "img/top/jc_top2-02.jpg"; </script> </head>
タームをタックスクエリー入れ込む方法![]は配列をしまうってことだ!多分
<?php //ターム名リンク無しで取得 $terms = get_the_terms($post->ID, 'art_name'); $names = array(); echo ""; //前の文字 foreach ( $terms as $term ) { $names[] = $term->slug; //[]にしまうってこと! } ?> <?php $r_posts1 = $cfs->get('kanren_art'); if ($r_posts1) : ?> <div class="top_titol" style="font-size:24px;">関連アーティースト</div> <div class="top_new_item_all"> <?php endif; ?> <?php //---------------------------------------------関連イベント $args = array( 'posts_per_page' => -1, //'orderby' => 'menu_order', //'order' => 'ASC', 'tax_query' => array( 'relation' => 'AND', array( 'taxonomy' => 'art_name', 'field' => 'slug', 'terms' => array($names[0],$names[1],$names[2],$names[3],$names[4],$names[5],$names[6],$names[7],$names[8],$names[9],$names[10]), //'operator'=>'NOT IN' ), ), 'post_type' => 'support_artists', //カスタム投稿名 ); ?> <?php query_posts( $args ); ?> <?php if ( have_posts () ) : while ( have_posts() ) : the_post(); ?> <a href="<?php the_permalink(); ?>"><div class="artists_box"> <div class="artist_sam"> <?php //写真1枚---------------------------- $title= get_the_title(); $attachment_id = $cfs->get('w126'); $sample_photo = wp_get_attachment_image($attachment_id, 'W126',0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?></div> <div class="artist_disp"> <div class="artist_name"><?php the_title(); ?></div> <div class="artist_area"><?php echo nl2br(get_post_meta($post->ID,"chiiki",true)); ?></div> </div> </div></a> <!--/Aritist_box--> <?php endwhile;?> <br clear="all" /> </div> <?php endif; ?> <?php wp_reset_query(); ?>
2つ出力 3つ あれば ALT タイトル
<?php if(post_custom('w452px')): //横写真2枚まで----------------------------?> <div class="single_art_img2"> <?php $i = 0; $kiji = 2;//この回数でフォーチ終わる。 $fields = $cfs->get('w452px_box'); foreach ($fields as $field) : if($i >= $kiji)://siが2よりおおきくなったら break;//ループおわり else://それまではこれで出力 ?> <?php $attachment_id = $field['w452px']; $sample_photo = wp_get_attachment_image($attachment_id,'W452',0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?> <?php $i++;//多分繰り返すごとに$iに数値が1つづ増える endif; endforeach; ?> </div> <?php endif; //横写真2枚まで----------------------------?>
<?php if(post_custom('w300px')): //縦写真3枚まで----------------------------?> <div class="single_art_img3"> <?php $i = 0; $kiji = 2;//この回数でフォーチ終わる。 $fields = $cfs->get('w300px_box'); foreach ($fields as $field) : if($i >= $kiji)://siが2よりおおきくなったら break;//ループおわり else://それまではこれで出力 ?> <?php $attachment_id = $field['w300px']; $sample_photo = wp_get_attachment_image($attachment_id,'W300',0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?> <?php $i++;//多分繰り返すごとに$iに数値が1つづ増える endif; endforeach; ?> </div> <?php endif; //縦写真3枚まで----------------------------?>
あれば1つ出力 リンク無しタイトルALT
<?php if(post_custom('w910px')): //大写真1枚----------------------------?> <div style="padding-bottom:5px;"> <?php $title= get_the_title(); $attachment_id = $cfs->get('w910px'); $sample_photo = wp_get_attachment_image($attachment_id, 'W910',0,array('alt'=>$title,'title'=>$title)); echo $sample_photo; ?> </div> <?php endif; ?>
使い道ないかもしれんが 改行制御ファンクション
function content(){ $str = get_the_content(); $str = nl2br($str); $str = preg_replace( '/\n|\r\n/', "", $str ); $str = str_replace( '<br /><br />', "<br />", $str ); $str = str_replace( ' ', "", $str ); echo remove_filter ($str, 'wpautop'); echo $str; }
http://rize23.com/studyblog/2013/02/08/kiji34-2/
置き換えについて詳しく書いたる
Custom Field Suite 関連ポスト
SOLでイベントレポートなどに関連商品を出す方法
フィールドで関連ポストを作成。
入力の際ポスト選択
カスタムポストもできるようだ。
ループ方法
まずフォーチで出すのが基本らしいが
■ サンプル <?php $r_posts = $cfs->get('related_post'); if ($r_posts) : echo '<ul>'.PHP_EOL; foreach ($r_posts as $post_id) : $post_obj = get_post($post_id); ?> <li><?php echo esc_html($post_obj->post_title); ?></li> <?php endforeach; echo '</ul>'.PHP_EOL; endif; ?>
welcartのため
すでにごちゃごちゃと
フォーチを書いて さらにhave postで出力するのが基本なため
usces_the_item();のセット方法がふぉーちで未定 わからないまだ
なので
$r_posts = $cfs->get('kanren');
から投稿IDを抜き出す。
それを
post__inに代入 の方法でクリア
<?php $r_posts = $cfs->get('kanren'); if ($r_posts) : ?> <div class="top_titol" style="font-size:24px;">関連商品</div> <div class="top_new_item_all"> <?php endif; ?> <?php query_posts(array('post__in' => array($r_posts[0],$r_posts[1],$r_posts[2],$r_posts[3],$r_posts[4],$r_posts[5],$r_posts[6],$r_posts[7],$r_posts[8],$r_posts[9],$r_posts[10] ),'orderby' => 'title', 'order' => 'ASC')); ?> <?php if ( have_posts () ) : while ( have_posts() ) : the_post(); usces_the_item(); ?> <?php if ( usces_is_item() ) : ?> <!--ITEM_box--> <a href="<?php the_permalink(); ?>"><div class="top_new_item_box"> <div class="top_new_item_sam"> <?php //商品画像 usces_the_itemImage(0, 180, 275); ?> </div> <div class="top_item_name"><?php the_title(); ?></div> <?php usces_have_skus(); ?> <div class="top_item_disp"><?php usces_the_itemPrice(); ?>円</span><span class="tax"><?php usces_guid_tax(); ?></span></div> </div></a> <!--/ITEM_box--> <?php endif; ?> <?php endwhile;?> <br clear="all" /> </div> <?php endif; ?> <?php wp_reset_query(); ?>
最初はカンマ区切りのポストIDを入力しゲットポストめたで代入したが
コンマ区切りは1個目しか入らないようだった。
色々試行錯誤したが
上記以外に使用するのは無理だった、現在。
プロフィールのいらんのを消す css3 カスタムアドミン2
@charset "utf-8"; #profile-page h3, #profile-page table:nth-of-type(1) tr:nth-child(1), #profile-page table:nth-of-type(1) tr:nth-child(2), #profile-page table:nth-of-type(1) tr:nth-child(3), #profile-page table:nth-of-type(1) tr:nth-child(4), #profile-page table:nth-of-type(1) tr:nth-child(5), #profile-page table:nth-of-type(2) tr:nth-child(2), #profile-page table:nth-of-type(2) tr:nth-child(3), #profile-page table:nth-of-type(2) tr:nth-child(4), #profile-page table:nth-of-type(2) tr:nth-child(5), #profile-page table:nth-of-type(3) tr:nth-child(2), #profile-page table:nth-of-type(3) tr:nth-child(3), #profile-page table:nth-of-type(3) tr:nth-child(4), #profile-page table:nth-of-type(3) tr:nth-child(5), #profile-page table:nth-of-type(4) tr:nth-child(1), #footer-ozh-oam,#footer-upgrade { display: none; }
特定の権限にカスタムアドミンを読み込ます
//CSSで管理画面内のサイドメニューを非表示にする 権限指定 function custom_admin_styles(){ $current_user = wp_get_current_user(); //現在のユーザー情報を取得 if(check_user_role($current_user,'author')){ //編集者(editor)かチェック echo '<link rel="stylesheet" type="text/css" href="' .get_bloginfo('template_directory'). '/custom-admin-css2.css" />'; } if(check_user_role($current_user,'reader')){ //編集者(editor)かチェック echo '<link rel="stylesheet" type="text/css" href="' .get_bloginfo('template_directory'). '/custom-admin-css2.css" />'; } } add_action('admin_print_styles', 'custom_admin_styles', 21); /* * ユーザーの権限をチェックする * @param $user ユーザーオブジェクト * @param $role ユーザー権限の文字列 * (administrator, editor, author, contributor, subscriber) */ function check_user_role($user,$role){ foreach($user->roles as $user_role){ if($user_role === $role){ return true; } } return false; }
管理画面改造まとめ
ユーザー投稿者でつくり
http://www.memo.d-marking.com/?p=690
ドロップダウン
メニューエディタで権限を変えていく。
ファンクションでアドミンバも消す。
もしくはオリジナルメニュー
http://www.memo.d-marking.com/?p=707
クライアントidで表示オプション コメント消す
カスタムポストタイプで
新規追加 編集を書く
is_main_query
http://www.warna.info/archives/1964/
新カレントメニューの作り方 画像置き換え含む
ヘッダー
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <!--画像カレントホバー--> <script type="text/javascript" > $(function(){ $(".d_navi_main_in li:not(.current) a").each(function(){ var a = $(this); var img = a.find("img"); var src_off = img.attr("src"); var src_on = src_off.replace(/^(.+)_off(\.[^\.]+)$/,"$1_on$2"); $("<img />").attr("src",src_on); a.bind("mouseenter focus", function(){ img.attr("src", src_on); }); a.bind("mouseleave blur", function(){ img.attr("src", src_off); }); }); }); //current表示 $(function() { if ($('.d_navi_main_in li').hasClass('current')) { $(".d_navi_main_in li.current a img").attr("src",$(".d_navi_main_in li.current a img").attr("src").replace(/^(.+)_off(\.[^\.]+)$/,"$1_current$2")); } }); </script>
#d_sidenavi_in ul li.current a { color: #71B5FF!important; text-decoration: none!important; border-top-color: #71B5FF!important; border-right-color: #71B5FF!important; border-bottom-color: #71B5FF!important; border-left-color: #71B5FF!important; }
<!--メインナビ--> <div class="d_navi_main_all"> <div class="d_navi_main_width"> <div class="d_navi_main_in"> <ul> <li <?php if(is_home()): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>"><img src="img/main_menu/menu_put-01_off.jpg" width="192" height="70" /></a></li> <li <?php if(is_page( '21' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=21"><img src="img/main_menu/menu_put-02_off.jpg" width="213" height="70" /></a></li> <li <?php if(is_page( '19' ) or is_category() or in_category(array(1,2) and is_single())): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=19"><img src="img/main_menu/menu_put-03_off.jpg" width="199" height="70" /></a></li> <li <?php if(is_page( '23' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=23"><img src="img/main_menu/menu_put-04_off.jpg" width="194" height="70" /></a></li> <li <?php if(is_page( '25' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>?page_id=25"><img src="img/main_menu/menu_put-05_off.jpg" width="202" height="70" /></a></li> </ul> </div class="d_navi_main_in"> </div class="d_navi_main_width"> </div class="d_navi_main_all"> <!--/メインナビ-->
<ul> <li <?php if(is_page( '28' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=28">理事長ご挨拶</a></li> <li <?php if(is_page( '30' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=30">メンバー紹介</a></li> <li class="space"></li> <li class="dash"></li> <li class="space"></li> <li <?php if(is_category(1) or in_category(array(1) and is_single())): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?cat=1">お知らせ</a></li> <li <?php if(is_category(2) or in_category(array(2) and is_single())): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?cat=2">活動報告</a></li> <li class="space"></li> <li class="dash"></li> <li class="space"></li> <li <?php if(is_page( '32' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=32">リンク</a></li> <li <?php if(is_page( '62' )): ?> class="current"<?php endif; ?>> <a href="<?php echo home_url(); ?>/?page_id=62">公開情報</a></li> <li class="space"></li> <li class="space"></li> <li class="kyuujc"><a href="http://setojcnews.jugem.jp/" target="_blank">旧JC NEWS</a></li> <li class="space"></li> <li class="space"></li> <li class="member<?php if(is_page( '64' )): ?> current<?php endif; ?>" ><a href="<?php echo home_url(); ?>/?page_id=64"> メンバーページ</a></li> </ul>
jquely の問題点
はじめて(気づいたが)確信 バージョンによって
書き方などが変わっているため
新しいバージョンでは 古いスプリクトコードでは 動かないコードが出てくる。
例えば 角丸 corner.js
こいつは1.7.2で動き 1.10.2では動かない
どんどん進化していっているが使用が変わっていって 削除 追加などが繰り返されているらしいので
古いjquelyに合わせて書いていたコードは動かない事がある。
なのでまず jquelyを使えば動くjsコード自体 どのバージョンまで動くか把握しなければ
今後の制作に差し支える。
まとめるべきか。
さらに ワードプレスのwp head の下に書けば すべて動くと思っていたが
今回感じた事は
手持ちのコードたちが古く
新しいwordpress のプラグインなど(具体的にシンプルライトボックスなど)
は後から読まれる
古いjqelyでは動かない。
もっといえば多分 ワードプレスの読み込むjquelyでしか動かないようだった。
今回この現象を回避するための手段は2つあった
1つはシンプルライトボックスを手持ちの古いバージョンの物を使うか
古い1.7.1でも動くもの
もしくは
実験的に出来た方法で
コンテンツ 拡大コンテンツがあるブログのシングルページにコンテンツ中に新しいバージョンのjクエリを読み込ました。
この場合 wpのjクエリ 1.7.1 コンテンツで再読み込みと三段階ふんでいる
速度や効率的にどうなのか
facebook ウィジェット 色々 XFBML 版
XFBML 版説明
http://tech.nitoyon.com/ja/blog/2012/11/28/xfbml-like/
設置方法詳細
http://hp-guide.com/attract/facebook-page/facebook-comments/
まず1のjavascriptSDKの設置は、<body>の直後に設置します。 そのままコピーして<body>のすぐあとに貼り付ければOKです。 2のXML名前空間の追加は、<html>に「xmlns:fb=”http://ogp.me/ns/fb#”」を追加すると考えていただければOKです。 OGPの設定をしている場合には、すでに他のxmlns属性が追加されていると思いますが、それと同じ要領で追加します。 OGPの設定をしていない場合には画面上に出ている2の部分のコードを<html>と置き換えていただければ結構ですが、OGPを設定している場合には、以下のようになります。 <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:og=”http://ogp.me/ns#” xmlns:fb=”https://www.facebook.com/2008/fbml” xmlns:fb=”http://ogp.me/ns/fb#”> 最後にコメントプラグインを表示させたい箇所に3のコードを貼り付けます。
Facebookコメント
https://developers.facebook.com/docs/plugins/comments/
アンカーリンクの位置
<a href="<?php the_permalink(); ?>#coment">コメント</a>
リンク先
<div style="padding-top:180px; margin-top:-180px;" id="coment"></div>
WP Most Popular で カスタムポストの人気記事をサイドバーに
ウチヤマ
side_custum_post_most_popular.php
まずWP Most Popular
を追加
コードを書く必要が有る
http://2inc.org/blog/2012/03/05/1266/ 説明 すでにカスタムポスト対応済み 元が
//アーリー指定法 $posts = wmp_get_popular( array( 'limit' => 5, 'post_type' => array( 'post', 'custom1', 'custom2' ), 'range' => 'monthly' ) );
//これが元ソース echo '<div class="widget-container popular-posts"> <dl> <dt>最近1ヶ月の人気の記事</dt><dd><ul>'; $posts = wmp_get_popular( array( 'limit' => 5, 'post_type' => 'post', 'range' => 'monthly' ) ); global $post; if ( count( $posts ) > 0 ): foreach ( $posts as $post ): setup_postdata( $post ); ?> <li><a href="<?php the_permalink() ?>" title="<?php echo esc_attr(get_the_title() ? get_the_title() : get_the_ID()); ?>"><?php if ( get_the_title() ) the_title(); else the_ID(); ?></a></li> <?php endforeach; endif; wp_reset_postdata(); echo '</ul></dd></dl></div>';
//これがオリジナル改造ソース <?php echo '<h2 class="widgettitle">最近1ヶ月の人気の記事</h2>'; //ここから $posts = wmp_get_popular( array( 'limit' => 5, 'post_type' => 'jirei_new', 'range' => 'monthly' ) ); global $post; if ( count( $posts ) > 0 ): foreach ( $posts as $post ): setup_postdata( $post ); //ここまででループ指定 ?> <div class="popular_one"> <div class="popular_sam"> <?php //カスタムフィールドスイートのループコード 画像1個だけ $i = 0; $kiji = 1;//この回数でフォーチ終わる。 $fields = $cfs->get('jirei_imgs'); foreach ($fields as $field) : if($i >= $kiji)://siが3よりおおきくなったら break;//ループおわり else://それまではこれで出力 ?> <?php $attachment_id = $field['jirei_img']; $sample_photo = wp_get_attachment_image($attachment_id,'jirei_small');?> <a href="<?php the_permalink(); ?>"> <?php echo $sample_photo; ?> </a> <?php $i++;//多分繰り返すごとに$iに数値が1つづ増える endif; endforeach; ?> </div> <div class="popular_title"><a href="<?php the_permalink(); ?>"> <?php the_title(); ?></a></div> <div class="popular_date" style="padding-top:5px;"> <?php get_trim_str(array('str'=>get_post_meta($post->ID,"jirei_disp",true), 'len'=>100)); ?> </div> </div> <?php //これがループとじ endforeach; endif; wp_reset_postdata(); echo ''; ?>
縦横比によって出力する画像サイズを分ける(分岐)
//カスタムフィールドスイートで今回は使う <?php $fields = $cfs->get('jirei_imgs'); foreach ($fields as $field) : ?> <?php $attachment_id = $field['jirei_img']; $sample_photo = wp_get_attachment_image_src($attachment_id,'jirei_big_height'); $sample_photo2 = wp_get_attachment_image($attachment_id,'jirei_big'); $sample_photo3 = wp_get_attachment_image($attachment_id,'jirei_big_height'); ?> <a href="#"> <?php if($sample_photo[1] > $sample_photo[2]): ?> <?php echo $sample_photo2; ?> <?php else: ?> <?php echo $sample_photo3; ?> <?php endif; ?> </a> <?php endforeach; ?>
分析 効率化バージョン
<?php $attachment_id = $field['jirei_img'];//ループギャラリーの画像を取得 //ここから分岐 $sample_photo = wp_get_attachment_image_src($attachment_id,'jirei_big_height');//wp_get_attachment_image_srcで切り抜かないバージョンサイズを取得 ?> <a href="#"> <?php if($sample_photo[1] > $sample_photo[2]): //横が縦より大きい場合?> <?php $sample_photo2 = wp_get_attachment_image($attachment_id,'jirei_big'); //切り抜いたバージョン収納 echo $sample_photo2; ?> <?php else: ?> <?php $sample_photo3 = wp_get_attachment_image($attachment_id,'jirei_big_height');//切り抜かないバージョン収納 echo $sample_photo3; ?> <?php endif; ?> </a>
ファンクションに
//サムネイルサイズ増やす trueが強制切り抜き add_image_size( 'jirei_big', 703, 467,true);//ギャラリー横用 add_image_size( 'jirei_big_height', 703, 467); //ギャラリー正方形 縦用
ポストサムネイル設定したら exceptか contentの改造版
http://b.hishitu.net/3814.html
<?php $my_content = get_the_content(); コンテンツ取得 $my_content = preg_replace("|(<img[^>]+>)|si","",$my_content); //イメージ要素をのぞく ?>
しかし moreタグとセットでしかつかえない
すべての画像が消える訳だから。
…もまだだせんな