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
関連記事
-
アクセス低迷中! 重複するメタデータやタイトルタグの重複の改善なし
アクセス低迷中w 先日から報告しているウェブマスターツールの重複するメタデータ
-
文字化け対策のWP Multibyte Patchをインストールするの巻
国内のWPホストだと、自動的にインストールされるWP Multibyte Patchをインス
-
WordPressの子テーマを作る巻
WORDPRESSの子テーマを作ります 子テーマを作る理由 WORDPRESSのバー
-
人気記事が更新されないと思ったら、WordPress Popular Postsのデータクリアが必要だった
先日、気記事が更新されないと思い、WordPress Popular Postsのリセットを
-
カレンダーで記事ポストの予定が立てれて便利! WordPress Editorial Calendar
WORDPREEの管理画面から、記事投稿の予定がカレンダーで見れて便利です 記事を一日
-
これでアクセス数低下を阻止!重複するメタデータ(descriptions)の問題を解消!?
先月ぐらいから急激に姉妹サイト(日々雑記帳 =ラーメンを綴る日々=)のアクセス数が急激に落ち込み
-
リンクの色を変える巻
CSSを使ってリンクしている文字の色を変更します ちょっとサイトに手を入れだしたら止まりません
-
Yahoo Japanのテキスト解析、日本語係り受け解析を使ってみた
先の記事でYahoo Japanのディベロッパーネットワークのテキスト解析の日本語形態素解析や日本語
-
Perlのppmでインストールできない時にローカルファイルでインストールの巻
会社の社内LANでPerlのppmが上手くインストールできなかったので備忘録メモ PR
-
LinkWithInのYou might also likeを変える巻
LinkWithInのYou might also likeを変える方法 WordPressの
PC
- PREV
- widget-titleを変える巻
- NEXT
- WordPressの写真に白枠をつける巻