未分類

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

    遂に家電にまで進出くまー。くまモンノートPCが予約開始。価格は39,800円から72,800円。

    遂にくまモンがノートPCになりましたで!株式会社ユニットコムによ…

  2. 未分類

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

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

  3. 未分類

    衆議院が解散するときに万歳三唱をする理由

    バンザーイ!バンザーイ!バンザーイ!という掛け声ととも…

  4. Do!Premiumの使い方

    未分類

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

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

  5. ロジクール ミニブームボックス レッド TS500

    未分類

    高音質のワイヤレススピーカーでiPhoneから通話もできる。Logicool Mini Boombo…

    見た目カッチョエエエエ!!!Bluetoothを利用してi…

  6. Typicの紹介と使い方

    未分類

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

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

コメント

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

最近の記事

Twitter

  1. iPhoneグッズ

    【iPhoneケース】おぉ!これはかなり良い感じ!!パワーサポートのクリアマット…
  2. Office

    【パワポ】SmartArtの縦方向プロセスで箇条マークを消す方法
  3. インターネット関連のニュース

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

    Googleがロゴマークのデザインを刷新。過去を振り返る動画も公開
  5. ブログの運営

    パフォーマンスホライズングループからの振り込みはiTunesアフィリエイト
PAGE TOP