未分類

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

    沖縄の海に墜落したといわれるUFOはどこいった…

    沖縄の海にUFOが墜落!というなんとも男心をくすぐる話題が…

  2. 未分類

    iPhone 5SはNFC採用のカラーバリエーション多数用意で2013年6月頃発売か

    もうiPhone 5Sかい!と突っ込まずにはいられないiPho…

  3. 未分類

    AmazonのKindle端末の簡単比較まとめ

    iPad miniの発表日に併せてくるとは・・・・ Amazonも…

  4. 未分類

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

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

  5. 未分類

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

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

  6. 未分類

    佐賀の老舗喫茶店「カフェ・ドンキホーテ」が火事で全焼していた。現在再建中?

    驚きました。佐賀の老舗喫茶店「カフェ・ドンキホーテ」さんが10月に…

コメント

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

最近の記事

Twitter

  1. iPhoneアプリ

    LINE Tools:これは便利!年齢計算、タイマーなど便利なツールを盛り込んだ…
  2. 子育て

    ミルトンの消毒はいつまで使う? 一歳が大勢みたい
  3. 未分類

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

    スタバのサイズ「ショート」、「トール」、「グランデ」、「ベンティ」にはそれぞれち…
  5. インターネット関連のニュース

    首都圏5大学生のmixi利用者が僅か2年で97%→2%に激減しとるで…
PAGE TOP