忍者ブログ
19 January

[PR]

×

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

28 July

Wordpress Popular Postsに順位をつけたい　count

このサイトのコードコピペで簡単！！
http://ringo-12.com/%E5%B0%8F%E6%8A%80/4950

.my_ranking {
    counter-reset: wpp-ranking;
}
.my_ranking ul li{
position:relative;
}
.my_ranking ul li:before {
    color:#FFF;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    text-align:center;
    opacity:0.999;
line-height: 21px;
    width: 20px;
    height: 20px;
    background-color:#5e9ab5;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
PR
26 July

画像サイズを新たに追加して、新たなサムネイルを作成したいRegenerate Thumbnails

Regenerate Thumbnails　というプラグインを使って画像再作成
http://netaone.com/wp/regenerate-thumbnails/

画像サイズの追加の仕方　

add_image_size()

http://kotori-blog.com/wordpress/mediasize/

追加した画像サイズを画像挿入時に選択肢がでるようにしたい
WP Image Size Selection　というプラグインを使う
http://kotori-blog.com/wordpress/imagesizeselection/



27 June

アコーディオン開閉パネル　fontawesomeでアイコンも変える

js
//アコーディオンパネル
$('.button i').attr('class', 'fa-plus-square');
$(function(){
    $('.button')
    .on('click', function(){
        $('#panel').slideToggle(400);
        $('.button i').toggleClass('fa-minus-square');
        return false;
    });

});


html
<a class="button">　ぼたん　<i class="fa fa-plus-square fa-fw"></i></a>

<ul id="panel">
<li></li>
<li></li>
<li></li></ul>

css
#panel{
display:none;
}


複数のアコーディオンパネルをそれぞれのボタンで開閉する場合はこうする
$(this).next('#panel').slideToggle(400);