スタイルシート (style.css）の編集は必ず子テーマで行って下さい。
→Simplicity2の子テーマ
WordPress Popular Postsに順位を表示する方法（Simplicity2）
WordPress Popular Postsの順位に色を付ける方法
メインブログランキング順位の全ての色を変更する
/* WordPress Popular Posts 順位の背景色 */
.widget_popular_ranking ul li:before{
background-color:#8e8e8e;
}特定の順位の色を変更する
/* WordPress Popular Posts 1~3の背景色 */
.widget_popular_ranking ul li:nth-child(1):before{
background-color:#CFB53B;
}
.widget_popular_ranking ul li:nth-child(2):before{
background-color:#bbbbbb;
}
.widget_popular_ranking ul li:nth-child(3):before{
background-color:#C47222;
}その他のアレンジ
１．背景色をなしにする（透明にする）。
background-color: transparent;
２．背景の角の丸みをなくす。
border-radius:0;
３．数字の色を変える。
color: #000000;
４．背景色の透明度を変更する。
opacity：0.5;
おまけ：アイキャッチ画像を非表示にする
#popular_ranking-6 ul.wpp-list{
background-color:#eee;
padding:10px;
}
#popular_ranking-6 div.widget-over-article-title:before{
content:"\f024 ";
font-family: FontAwesome;
}
#popular_ranking-6 ul.wpp-list li:before {
position:static;
}
#popular_ranking-6.widget_popular_ranking ul li img{
display:none;
}
Comments