未分類

  (最終更新日: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. Do!Premiumの使い方

    未分類

    可愛くてオシャレなTodoアプリならDo! Premiumがガチおすすめ

    どうせToDoアプリを使うなら見た目も可愛くて、かつお洒落なアプリ…

  2. 未分類

    次世代XboxとなるXbox Oneが発表されたのでPS4とスペックを比較してみた

    どうなんでしょね。まぁスペックがモノを言うわけではないので一概…

  3. 未分類

    ブログ移行しました

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

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

    未分類

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

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

  5. 未分類

    iPhone 5の影響は本当に極小?ドコモの一人負けで10月に19万件が流出。

    相変わらずドコモの一人負けが続いていますね。2012年10月度の契…

  6. 未分類

    2chに投稿された小説『十年巻き戻って、十歳からやり直した感想』がとても面白くて引き込まれる件

    2chに投稿された小説がとてもおもしろくて、ついつい引き込まれるように…

コメント

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

最近の記事

Twitter

  1. 未分類

    すき家の期間限定商品『3種のきのこ牛丼』はバター風味で絶対にまた食べたくなる濃厚…
  2. おすすめアイテム

    【購入レビュー】子持ち家庭必須!『進撃の子供』たちの攻撃から液晶テレビの画面を保…
  3. iPhoneアプリ

    [iOS] Cardful:ソースネクストがリリースしたEvernoteと連携す…
  4. 気になるアイテム

    人生銀行 for iPhone。ハイテク貯金箱の人生銀行がiPhoneと連動して…
  5. おすすめアイテム

    【購入レビュー】Fotopro C-3i。カメラ女子に絶賛されたオシャレでカラフ…
PAGE TOP