未分類

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

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

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

  2. iTunes 11

    未分類

    リリースが11月に延期されたiTunes11で何が変わるのか

    10月末にリリースを予定していたiTunes11が「完成度を高める…

  3. MeiryoKe_Console

    Windows 7

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

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

  4. 未分類

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

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

  5. 未分類

    佐賀のソフトバンクショップでiPhone 5を買ったメモ

    iPhone 5買ったよ~!発売日の翌日にゲットしたよ~!自慢…

  6. 未分類

    すき家の期間限定商品『3種のきのこ牛丼』はバター風味で絶対にまた食べたくなる濃厚な美味しさ。

    どうもみなさん。お肉大好きないつきです。好物は牛肉。こちら佐賀…

コメント

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

最近の記事

Twitter

  1. ニュース

    日本でもスマートシティが徐々に活況に、というニュース
  2. 佐賀の話題

    ゆめタウン佐賀のリニューアルオープンはいつ?11月22日に決定
  3. もしバットマンがアップルの地図をナビに使っていたら

    未分類

    もしバットマンがアップルの地図をナビに使っていたら、やっぱこうなる
  4. 家電

    アイリスオーヤマのスピーカー内蔵LED電球がめちゃくちゃ高評価なのでこれは欲しい…
  5. iPhone連携アイテム

    【これから試す】テレビでFaceTimeビデオ通話(テレビ電話)をする方法を考え…
PAGE TOP