*

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

    PC

    PAGE TOP ↑