WordPress popular postsの表示を変更する巻

公開日： 2012/11/05 : 最終更新日：2012/11/05 WEB

WordPress　popular　postsの表示を変更しました

WordPress　popular　postsは人気記事を自動で表示してくれる便利なプラグインです
が、そのまま使うと表示の仕方がイマイチ
リスト構造なので「・」ドットが表示されてしまうし、写真と文字の構成がバラバラ

今回、２点修正しました
１）ドットを外す
２）文字を写真の右側に回しこむ

【修正前】

【修正後】

CSSのソースはこちら↓

/* =Widget Areas
-------------------------------------------------------------- */
#main .popular-posts ul {
	list-style: none;
	margin-left: 0;
}
#main .popular-posts li {
	padding-bottom: 0.5em;
}
#main .popular-posts img {
         float: left;
         margin-right: 1em;
}
#main .floatclear {
         clear: both;
      }

１）のドットを外すについては、popular-postsのulをlist-style: none;にしてしまえばOK
２）の文をまわしこむのは２点修正必要
CSSの修正は上記の通り
もう、１点はpopular postsのWidgetのHTML出力設定を修正
「Before/After each post:」の「

」を「

」に変更
こちら↓