白黒 css ホバーカラー

.c_prof_top_sl_img{
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
.c_prof_top_sl_img:hover {
-webkit-filter: grayscale(0%);
filter: none;
}

wordpress facebook 連動 jetpack メモ

まず できてるか知らんが

jetpack インスト

そんで

ワードプレスと連携
英語だったら連携後
ダッシュ 更新 翻訳を更新

投稿ユーザーは察知されたくないからファンクション

//jetpack管理者のみ
add_action( 'jetpack_admin_menu', function() {
        if ( ! current_user_can( 'level_10' ) ) {
            remove_menu_page( 'jetpack' );
        }
    } );

プロフィールページに
いろんなのも出てくるから消す
画像遅くなるでOFF
スクリーンショット 2016-05-25 21.11.10

オフに
シングルサインオン
スペルと文法
メール投稿

そんで
やっとFB

パブリサイズ
でFB

この時シークレットで
FBのあか ログイン しておく
そんで連携する

googleプラスモカ??

以上

あとは実践

結果サイトマップ と 宣伝みたいな奴以外すべて切った

そんでファンクションに追加

// delete JetPack OGP tags
add_filter( 'jetpack_enable_open_graph', '__return_false' );

カスタム投稿も自動投下更に追加ファンクション

//JetPack カスタム
function jet_custom_sns() {
    add_post_type_support( 'sekou', 'publicize' );
}
add_action( 'init', 'jet_custom_sns' );

新 topスライド画像 フェードイン BOX要素の高さをのこしたまま

つまり がちゃん って高さがない部分がdisplay noe じゃ消えるから

フェードインを改造

<!--フェードイン-->
<script type="text/javascript">
$(document).ready(function() {
//$('#main_contents_top').fadeIn(0);
$('#main_contents_top').css({'visibility':'visible'}) 
      .animate({opacity: 1}, 200); 
});
</script>

cssにvisibility:hidden

#main_contents_top {
	width: 980px;
	position: relative;
	overflow: hidden;
	height: 343px;
	/*display:none;*/
	visibility:hidden;
	background-color: #FFF;

}

保護中: vlc

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。

アナリティクス文字化け アドワーズ エクセル 並び替え 

アドワーズ
ログイン レポート 期間指定 フィルタ で要らないの省く DL
エクセル csvを選ぶ 
エクセル 開く

エクセル 並び替え その値の列選択

拡張して並び替えで
その中でどれを基準に並び替えるか選んでGO

また データ 並び替え 
選択範囲を拡張するでもいける
スクリーンショット 2016-05-05 19.05.03

マンバイメニュー 覚えメモ 

あとでまとめろ

背景透明
http://qiita.com/mikuhonda/items/99a7a8acdb2921860ce0

jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション
http://www.webopixel.net/javascript/1037.html

ポイントは

ボディーにして

<script>
(function($) {
    $(function() {
        var $header = $('body');
        $(window).scroll(function() {
            if ($(window).scrollTop() > 70) {
                $header.addClass('fixed');
            } else {
                $header.removeClass('fixed');
            }
        });
    });
})(jQuery);
</script>
<header id="top-head">

そいつにcssで調整これだけじゃないかも

/*transition*/
#top-head,#head_rogo img,#heder_right
{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#top-head {
    }
	
	
.fixed #top-head {
	position: fixed;
	top:0px;
    padding-top: 0px;
     background-color: rgba(255,231,55,0.9);
	z-index:10000000000;
	width:100%;
	height:70px;
}

.fixed{#header_color { display:none} 
/*#d_header_all,#header_width,#d_header_in,*/
#head_rogo img{height:70px;
    padding-bottom:5px!important}
#top_caro{ margin-top:246px;}
#heder_right{padding-top:33px!important}
		}

#head_rogo img{ height:200px;}

そんでブートも調整

#head_rogo img{ height: auto}

@media (max-width: 640px) {
#heder_right3{
padding-top:0!important;
}

.fixed #heder_right3{ padding-top:12px!important}

#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 390px}
}

@media (max-width: 480px) {
#heder_right3{
margin-top:-6px;
}
.fixed #heder_right3{ padding-top:19px!important;}

#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 290px}
}

@media (max-width: 320px) {
#heder_right3{
}
.fixed #heder_right3{ padding-top:24px;}
#main_contents_top_fade, .viewer, .viewer ul, .viewer ul li{ height: 200px}
}