未分類

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

    ブログ移行しました

    ブログ移転しました。とあるところから。諸事情により元のブログは…

  2. インターネット関連のニュース

    [MH4] バッファローがモンスターハンター4の動作確認済み無線LAN製品を公表

    パソコン周辺機器や無線LANのアクセスポイント機器なども製造販売するバ…

  3. エレベーターの床が崩れ落ちていくドッキリ

    未分類

    乗ったエレベーターの床が突然バラバラと落ちていくドッキリ

    エレベーターに乗って動き出した途端、部屋が薄暗くなって床がバラバラ…

  4. 未分類

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

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

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

    未分類

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

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

  6. 俺はスタイリッシュなヴォルフシュテイン!

    未分類

    俺はスタイリッシュなヴォルフシュテイン!(どや

    え?何言ってんのか意味分かんないです( ゚д゚)て返される気ま…

コメント

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

最近の記事

Twitter

  1. デジタル機器

    外出先からiPhoneで地デジの録画予約や視聴ができるTVチューナーがSoftB…
  2. ニュース

    熊本市でガンダムの「ギレン・ザビ」からランドセルが届く
  3. おすすめアイテム

    買っててよかったiPhone保護シートUSG ITG Slim。液晶がヒビ割れた…
  4. ゲーム

    【PS4】ファイナルファンタジー7のリメイクが遂にきたぁぁぁぁ!!!!
  5. 未分類

    第63回NHK紅白歌合戦2012の出場者が公開。YUIキタァァァ!!!の出演者一…
PAGE TOP