未分類

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

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

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

  2. 俺はスタイリッシュなヴォルフシュテイン!

    未分類

    俺はスタイリッシュなヴォルフシュテイン!(どや

    え?何言ってんのか意味分かんないです( ゚д゚)て返される気ま…

  3. 未分類

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

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

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

    未分類

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

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

  5. インターネット関連のニュース

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

    パソコン周辺機器や無線LANのアクセスポイント機器なども製造販売するバ…

  6. 未分類

    iPhoneユーザーなら毎月月初の統計情報リセットをお忘れなく

    iPhoneでのパケット通信の使用状況は、ある程度把握しておいた方がい…

コメント

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

最近の記事

Twitter

  1. プレイステーション4

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

    【Miitomo】起動時にエラー801-9999が発生するときの解決策
  3. テーマパーク

    ハウステンボスの営業益が前年同期比の2.3倍に。園内ホテルへの宿泊は本当に楽しか…
  4. Twitter

    サービス終了)ブログを投稿したら自動的にツイッターでツイートしてくれる便利サービ…
  5. フリーソフト

    【WinCDEmu】WindowsServerでも使える、ワンクリックでISOフ…
PAGE TOP