未分類

  (最終更新日:2012.10.14)

WordPress Popular Posts でサムネイル画像を綺麗に表示させる方法

このブログでも利用しているWordpressプラグイン『人気の記事』の WordPress Popular Posts で、サムネイル画像を表示させたいなぁと思って設定をONにしたのですが、初期状態でサムネイルを表示させるようにした場合は、タイトルが長い場合などにこのような状態になってしまいました。見た目が悪い…


というわけでWordPress Popular Postsのスタイルシートを修正してサムネイル画像を綺麗に表示させる方法をご紹介です。


スタイルシートのファイルはプラグインフォルダの中のstyleフォルダにあります。
(wordpress-popular-posts\style\wpp.css)


まずはimg.wpp-thumbnailを修正。
下記のように変更します。


img.wpp-thumbnail {
border:none;
float: left;
margin-right: 5px;
}


このままだと下図のようにfloatが解除されず、崩れてしまいます。


というわけで今度は下記のスタイルを追記します。


.popular-posts ul li {
overflow: hidden;
}


これでfloatを解除できるはず! というわけで下図のようになりました。


これで綺麗にサムネイル画像を表示させることができますね。


では!

関連記事

  1. 佐賀インターナショナルバルーンフェスタ2012

    未分類

    アジア最大級の熱気球競技大会「佐賀バルーンフェスタ 2012」がいよいよ開催

    正式名称は「佐賀インターナショナルバルーンフェスタ」ですけどね。…

  2. Do!Premiumの使い方

    未分類

    可愛くてオシャレなTodoアプリならDo! Premiumがガチおすすめ

    どうせToDoアプリを使うなら見た目も可愛くて、かつお洒落なアプリ…

  3. Typicの紹介と使い方

    未分類

    Typic:簡単操作で写真にフィルターとオシャレな文字入れができるアプリ。無料

    Typicは簡単操作で写真にオシャレな文字を描くことができるアプリ…

  4. ロジクール ミニブームボックス レッド TS500

    未分類

    高音質のワイヤレススピーカーでiPhoneから通話もできる。Logicool Mini Boombo…

    見た目カッチョエエエエ!!!Bluetoothを利用してi…

  5. 未分類

    ソフトバンクユーザーがソフトバンクでiPad miniを購入した場合の月額料金まとめ

    いよいよiPadのCellular版がソフトバンクとauで発売され…

コメント

  1. この記事へのコメントはありません。

最近の記事

Twitter

  1. ネタ

    敢えてここで紹介する。スターウォーズ旧三部作の予告編たち
  2. デジタル機器

    出張に大役立ち間違いなし!な、胸ポケットに入るパナソニック製の本格プロジェクター…
  3. Googleカレンダー

    Googleカレンダーの検索で結果件数分が全て表示されない場合に大量に表示させる…
  4. 健康機器・器具

    【SoftBank HealthCare】ソフトバンクが提供する月額490円で利…
  5. デジタル機器

    誰得!? 心拍数を測定して異常時には警告ができるマウスがサンワサプライから発売
PAGE TOP