人気記事にアイキャッチ画像設定がなくても画像を表示させる方法

記事に1つもアイキャッチ画像を設定していなくても人気記事にアイキャッチ画像があるかのように設定する方法を書きます。

設定と方法

人気記事を表示するウィジェット用プラグイン「Wordpress Popular Posts」と、サムネイル(アイキャッチ)画像を設定できるプラグイン「Default Thumbnail Plus」を使用します。

※「Wordpress Popular Posts」プラグインの使用方法は、人気記事表示プラグイン「WordPress Popular Posts」に書いていますので参考にして下さい。

「Default Thumbnail Plus」プラグインを使い画像を設定することで、人気記事にアイキャッチ画像が表示されます。

※プラグインの使用方法は、アイキャッチ用の画像を表示してくれる設定プラグイン「Default Thumbnail Plus」を参考にして下さい。

補足ですが、「Wordpress Popular Posts」のThumbnail settingsにチェックを入れます。またサイズ設定できる欄が追加されたようなのでサイズを設定します。
WordpressPopularPosts4
表示サンプル
wordpresspopularposts-thumbnails

【CSS例】

.popular-posts ul li {
  margin: 5px 0;
  background: none;
  clear: both;
}

.popular-posts ul li img {
  float: left;
  margin-right:5px;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です