未分類

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

    複数の口座やクレカを一括して管理してくれる「みんなの口座管理」が教えたくないぐらいおすすめ過ぎる件

    住宅ローン用の口座、給料用の口座、ガソリン用のクレジットカード、買…

  2. 未分類

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

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

  3. 未分類

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

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

  4. 未分類

    腰を痛めない正しいスクワットのやり方で下半身を鍛える方法

    誰でも体育の授業でやったことのあるスクワット。『下半身を鍛える…

  5. 未分類

    WordPress Popular Postsでデータが登録されない事象の顛末

    どうも、wordpress超初心者につきエラー絶賛発生中のいつきで…

  6. 未分類

    佐賀の老舗喫茶店「カフェ・ドンキホーテ」が火事で全焼していた。現在再建中?

    驚きました。佐賀の老舗喫茶店「カフェ・ドンキホーテ」さんが10月に…

コメント

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

最近の記事

Twitter

  1. ライフハック

    ピンク色に変色してしまったよだれかけやガーゼをお湯で綺麗にする方法
  2. 気になるアイテム

    通販大手のベルメゾンで買える折りたたみ自転車が1万7千だけど変速付きでいい感じ。…
  3. iPad miniの原価

    未分類

    iPad miniの原価(部品コスト)は約15,000円
  4. Trello

    タスク管理ツールTrelloのPC版でタスクを削除する方法
  5. おすすめアイテム

    『がぶ飲み ミルクコーヒー』を会社で飲むなら気をつけろ
PAGE TOP