未分類

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

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

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

  2. 未分類

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

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

  3. iPad miniの原価

    未分類

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

    Touch Labさんの記事によると、iPad miniの部品コス…

  4. 未分類

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

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

  5. 未分類

    ブログ移行しました

    ブログ移転しました。とあるところから。諸事情により元のブログは…

  6. 未分類

    次世代XboxとなるXbox Oneが発表されたのでPS4とスペックを比較してみた

    どうなんでしょね。まぁスペックがモノを言うわけではないので一概…

コメント

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

最近の記事

Twitter

  1. 日記

    BBIQを1Gコースに変更したけどメチャクチャ遅いから調べてみた結果と原因
  2. 家電

    値段高!!!けど新築するなら付けてみたい。家庭向けの天井埋め込み型Bluetoo…
  3. LINEマンガ

    LINEマンガ:映画化もされた「悪の教典」が8/7まで1巻無料!学校に潜むサイコ…
  4. Googleマップ

    自分が投稿したGoogleマップのクチコミを一覧で確認する方法。後から修正、確認…
  5. プレイステーション4

    PS4の発売日は来年2014年の2月22日で価格も3万9980円でいちよ税抜き4…
PAGE TOP