点滅CSS

/*点滅スクリプトと同時使用*/
@-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; /* 実行までの待ち時間 */}

お引越の際は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; ?>

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で表示オプション コメント消す

カスタムポストタイプで

新規追加 編集を書く

 

 

新カレントメニューの作り方 画像置き換え含む

ヘッダー

<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/

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); //ギャラリー正方形 縦用