WordPress popular postsの表示を変更する巻
公開日:
:
最終更新日:2012/11/05
WEB
WordPress popular postsの表示を変更しました
WordPress popular postsは人気記事を自動で表示してくれる便利なプラグインです
が、そのまま使うと表示の仕方がイマイチ
リスト構造なので「・」ドットが表示されてしまうし、写真と文字の構成がバラバラ
今回、2点修正しました
1)ドットを外す
2)文字を写真の右側に回しこむ
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;
}
1)のドットを外すについては、popular-postsのulをlist-style: none;にしてしまえばOK
2)の文をまわしこむのは2点修正必要
CSSの修正は上記の通り
もう、1点はpopular postsのWidgetのHTML出力設定を修正
「Before/After each post:」の「
こちら↓
「
CSSによる文の回り込み設定はこちらを参考にしました
【参考】
画像の回り込みを行う
PC
関連記事
-
-
【サイト運営】2016年9月にサイトの利益を計算したら0.2円/PVで今後の方針を決めたの巻
はじめに RSSで人気ブロガーの記事を読んでいます ここ立て続けにサイト運営の記事が出ました
-
-
設置簡単!常にソーシャルシェアボタンが表示されるようにしてみたの巻 WordPress ShareBar
ソーシャルシェアのボタン設置は簡単でした ネットで調べてみると、フローティングして常に
-
-
アクセス急落したけど、復帰したの巻
実は先週、アクセスが1週間ほど、急落していました 原因は不明 Googleのパンダ、ペン
-
-
これでアクセス数低下を阻止!重複するメタデータ(descriptions)の問題を解消!?
先月ぐらいから急激に姉妹サイト(日々雑記帳 =ラーメンを綴る日々=)のアクセス数が急激に落ち込み
-
-
簡単!WPのパンくずリストのプラグインBreadcrumb NavXTをインストールしてみたの巻
一言 インストールは簡単で、表記には、ちょっとしたコツが必要でした はじめに パンくず
-
-
簡単便利!Perlで住所チェックの巻
必要に迫られて、住所チェックのモジュールを探したものの、なかったので、作ってしまいましたよ
-
-
早っ!重複するメタデータ(descriptions)の問題を解消!
昨日、発見した重複するメタデータ(descriptions)の問題 対策して、一日経って見
-
-
静かな船出!WordPressのバージョンを3.5に上げてみるの巻
Wordpressのバージョンを上げてみましたが、大差ありませんでしたよ バージョンが
-
-
WordPressの写真に白枠をつける巻
WORDPRESSの写真に白枠をつけてみました WORDPRESSのバージョンアップを繰り返し
-
-
「あっという間に月25万PVをかせぐ人気ブログのつくり方―これだけやれば成功する50の方法」を3つに分析!
「あっという間に月25万PVをかせぐ人気ブログのつくり方―これだけやれば成功する50の方法」を3つに
PC
- PREV
- widget-titleを変える巻
- NEXT
- WordPressの写真に白枠をつける巻


