未分類

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

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

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

  3. 未分類

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

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

  4. らくらくパケ・ホーダイは2,980円

    未分類

    らくらくスマートフォンはパケ放題が2,980円

    なん・・・だ・・・と(゚A゚;)ゴクリなんと、ドコモらく…

  5. 未分類

    沖縄の海に墜落したといわれるUFOはどこいった…

    沖縄の海にUFOが墜落!というなんとも男心をくすぐる話題が…

コメント

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

最近の記事

Twitter

  1. esa

    【esa】嬉しすぎる進化! Excelから表を貼り付けられるようになってた
  2. LINE

    いつの間に‥。PC版LINEがプロキシに対応していた件と設定方法
  3. LINE

    僕がLINE Playで遊ぶのを止めてポケコロに移った、たった一つの理由
  4. 未分類

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

    【WordPressプラグイン】ブロガー必須! 高品質なライセンスフリーの写真を…
PAGE TOP