未分類

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

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

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

  2. 未分類

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

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

  3. 未分類

    ブログのタイトルとドメインを変更しました、のご報告

    大人の事情諸事情によりブログの名前とドメインを変更しました。みっく…

  4. 未分類

    映画レビュー「Black & White」。これは絶対おすすめ!爆笑必至なラブコメディ

    これは本当におすすめですよ!大声で笑って楽しめる上質のラブコメ…

  5. 未分類

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

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

  6. 未分類

    ブログ移行しました

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

コメント

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

最近の記事

Twitter

  1. Chrome

    『Chrome ウェブストア』以外からのChrome拡張機能のインストールができ…
  2. Thunderbird

    【SmoothWheel】Thunderbirdのスクロールがやたら遅い!と感じ…
  3. ChatWork

    チャットワークを会社で使うならニックネームの設定は必ずしておこう
  4. 家電

    パナソニックが天井照明に取り付けるタイプのBluetoothスピーカーを10月に…
  5. 子供用アイテム

    家にカメラはちょっと‥な家庭向け。子供の帰宅を自動でLINE通知してくれる「Qr…
PAGE TOP