未分類

  (最終更新日: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. Webサイトの高速化ポイントを教えてくれるGoogle謹製のツールPage Speedの使い方

    未分類

    Webサイトの高速化ポイントを教えてくれるGoogle謹製の超お役立ちツール『Page Speed』…

    Wordpress重いんだよおおおおおおおおおおおおおおお!!!…

  2. 未分類

    ドッキリ映像。地面にあったWindows8タイルを踏むと突然目の前の壁が倒れきてライブ会場になる

    ドッキリ映像コレクターのいつきです。 嘘です。ごめんなさい。…

  3. 未分類

    中国への航空券が1円だぞー!

    まぁこの時期に果たして行くかというと判断に悩みますけどね…。(…

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

    未分類

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

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

  5. iTunes 11

    未分類

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

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

コメント

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

最近の記事

Twitter

  1. 佐賀の話題

    佐賀に来たらここは食っとけ!北方 井手ちゃんぽん兵庫店でてんこ盛りちゃんぽんを食…
  2. LINE

    LINEのWindows PC版がアップデート。使える絵文字が拡大
  3. ソフトウェア

    パソコン内のドライバーを一括して更新してくれるDriver Booster 4 …
  4. 男子ハック

    初クリスマスデートな人は要チェック。女子がドン引きするクリスマスディナー9パター…
  5. 赤ちゃん向けアイテム

    【使ってみた】おくだけとおせんぼ。壁に傷がつかなくてサッと移動もしやすい
PAGE TOP