.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; }
月: 2016年5月
wordpress facebook 連動 jetpack メモ
まず できてるか知らんが
jetpack インスト
そんで
ワードプレスと連携
英語だったら連携後
ダッシュ 更新 翻訳を更新
投稿ユーザーは察知されたくないからファンクション
//jetpack管理者のみ add_action( 'jetpack_admin_menu', function() { if ( ! current_user_can( 'level_10' ) ) { remove_menu_page( 'jetpack' ); } } );
プロフィールページに
いろんなのも出てくるから消す
画像遅くなるでOFF
オフに
シングルサインオン
スペルと文法
メール投稿
そんで
やっと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
アナリティクス文字化け アドワーズ エクセル 並び替え
マンバイメニュー 覚えメモ
あとでまとめろ
背景透明
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} }