未分類

  (最終更新日: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. 未分類

    木枯らし1号は東京と大阪でのみ宣言される秋の風物詩

    東京で木枯らし一号の観測が宣言されましたね。『木枯らし』と…

  2. 電子書籍サーチの紹介

    未分類

    これは捗る!電子書籍サービスから横断して書籍を検索できるサイト

    これは凄くありがたい!少しづつ電子書籍が広まってきてはいますが、い…

  3. 未分類

    衆議院が解散するときに万歳三唱をする理由

    バンザーイ!バンザーイ!バンザーイ!という掛け声ととも…

  4. Webサイトの高速化ポイントを教えてくれるGoogle謹製のツールPage Speedの使い方

    未分類

    Webサイトの高速化ポイントを教えてくれるGoogle謹製の超お役立ちツール『Page Speed』…

    Wordpress重いんだよおおおおおおおおおおおおおおお!!!…

  5. 未分類

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

    先に公開した記事「ソフトバンクユーザーがソフトバンクでiPad min…

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

    未分類

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

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

コメント

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

最近の記事

Twitter

  1. LINE

    LINEシアタータウン プレイ日記。だいぶ街っぽくなってきた!
  2. iPad miniの原価

    未分類

    iPad miniの原価(部品コスト)は約15,000円
  3. Microsoft

    え!?実はまだ買えたの?Windows 7がDSP版11,464円で購入可能だっ…
  4. ネタ

    【調べて知った系】保育園と保育所の違いとは? 実は全く同じモノ
  5. インターネット関連のニュース

    Googleに続きNAVERも。一部サービスの終了を発表
PAGE TOP