何でもありの、ごちゃまぜブログ。

「WordPress Popular Posts」でサムネイル画像を表示する

2013.09.04

「WordPress Popular Posts」でサムネイル画像を表示する はコメントを受け付けていません。

「Wordpress Popular Posts」のインストール&使い方の記録。

基本的な使い方は、「WordPress Popular Postsのインストール&使い方」を参考にしてください。

サムネイルの表示設定

ここでは、すでに「Wordpress Popular Posts」をウィジェットで追加してある状態から説明します。

[外観]項目の[ウィジェット]をクリックします。

設置済みの「Wordpress Popular Posts」を表示し、「投稿サムネールを表示する」にチェックを入れて保存します。

「投稿サムネールを表示する」にチェックを入れて保存すると、サムネイル画像の「幅」と「高さ」を指定できるようになるので、必要であれば指定してもう一度保存します。初期値は15ピクセルですが、僕は、幅と高さを両方50ピクセルに指定しました。

指定したサムネイルのサイズで表示されました。ただ、画像と画像の間に余白がなくてきゅうくつなので、CSSを編集して間隔を開けてみます!

「WordPress Popular Posts」のCSSを編集して余白をつくる

管理画面の[プラグイン]をクリックし、「Wordpress Popular Posts」の編集をクリックします。

プラグインファイルの一覧の中から「wordpress-popular-posts/style/wpp.css」をクリックします。

赤枠の部分にCSSを追加して、ファイルを更新します。

今回追加したコード、「margin」から「line-height」までが追加したcssです。

.wpp-list li { /* LI - post container */
overflow:auto;
display:block;
float:none;
clear:both;
margin:0;
padding:10px 0;
border-bottom:1px dotted #aaa;
line-height:1.5;
}

これで、項目間に余白ができました!

以上、WordPress Popular Postsでサムネイル画像を表示する方法でした!

参考にさせていただいた記事

関連記事

コメントは利用できません。