未分類

  (最終更新日: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. インターネット関連のニュース

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

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

  2. 未分類

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

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

  3. Facebookのハイライトと最新情報の違い

    未分類

    Facebookタイムラインの「ハイライト」と「最新情報」の違い

    Facebookのタイムラインの並び順として選択できる「ハイライト…

  4. もしバットマンがアップルの地図をナビに使っていたら

    未分類

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

    もしバットマンがアップルの地図をナビゲーションに使っていたら、とい…

  5. 未分類

    小さすぎワロタ!と言いたくなる程、超ミニサイズなスタイリッシュUSBメモリ

    エレコムが発表したスタイリッシュな超小型USBメモリ「MF-KSU…

  6. 未分類

    iPhone 5SはNFC採用のカラーバリエーション多数用意で2013年6月頃発売か

    もうiPhone 5Sかい!と突っ込まずにはいられないiPho…

コメント

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

最近の記事

Twitter

  1. 佐賀の話題

    【2016年】佐賀のトンボの池公園のイルミネーションが今年も24日から開催される…
  2. ブログの運営

    バリューコマースで登録したサイトを削除する方法
  3. iPhone

    [追記あり] iOS 8にアップデートするとカメラロールが消えちゃった件。過去写…
  4. Twitter

    サービス終了)ブログを投稿したら自動的にツイッターでツイートしてくれる便利サービ…
  5. 佐賀の話題

    ゆめタウン佐賀に入ったチーズタルト専門店のPABLOは人気のスイーツショップ
PAGE TOP