未分類

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

    Windows 7

    等幅フォントのメイリオ「MeiryoKe_Console」をWindows7にインストールする方法

    修正:2014/08/31画像がリンク切れとなっていたので…

  2. Typicの紹介と使い方

    未分類

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

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

  3. 未分類

    iPhoneユーザーなら毎月月初の統計情報リセットをお忘れなく

    iPhoneでのパケット通信の使用状況は、ある程度把握しておいた方がい…

  4. 未分類

    パソコンいらずでテレビでSkypeができるようになるWebカメラ『Logicool TV Cam H…

    待ってたんだよ!待ってたんだよこれ! アメリカで発売されてからとい…

  5. 春秋航空の1円航空券

    未分類

    あれ?もう終わっちゃったの?1円航空券物語は‥

    つい先日、佐賀空港から1円航空券で中国に行けるどぉー!とご紹介した…

コメント

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

最近の記事

Twitter

  1. 家電

    パナソニックが天井照明に取り付けるタイプのBluetoothスピーカーを10月に…
  2. ネタ

    グローバルサインを手がけるGMOがネット選挙時のなりすまし防止サービスを提供
  3. 気になるアイテム

    【値下げ情報】アイ・オーの無線LAN中継器『WN-G300EX』が12/1から4…
  4. Webサービス

    筆まめユーザーは必見!住所録をネット上で管理してくれる筆まめクラウド住所録に登録…
  5. Twitter

    Twitterのアカウントが突然凍結されて使えなくなったので対応方法と顛末
PAGE TOP