[WordPress]ブログの「最新記事」にアイキャッチ（サムネイル）を表示してくれるウィジェットプラグイン「Newpost Catch」

更新日：2015/05/03

ブログのデザインをいろいろとカスタマイズするのが楽しくなってきました。@Mori2ndです。

WordPressのテーマにデフォルトでついていた「最新記事」を表示するウィジェット。

タイトルだけの表示で味気ないので、アイキャッチも一緒に表示する方法をさがしていたら理想通りのプラグインを見つけたのでご紹介します！

「最新記事」にアイキャッチ(サムネイル)を表示

プラグイン「Newpost Catch」をインストールすると、アイキャッチ(サムネイル)付きの最新記事を表示できるウィジェットを追加できるようになります。

利用するにはWordPressの管理画面からプラグインの検索で探すか、下記リンク先からダウンロードしたファイルをFTPで「plugins」フォルダにアップロードしてください。

WordPress › Newpost Catch « WordPress Plugins

設定画面

設定画面ではウィジェットのタイトルやアイキャッチ(サムネイル)のサイズなどが変更できるようになっています。

デフォルトのままでも充分ですが、今のブログテーマに合うようにCSSを少し変更しました。

リストのマークを非表示にするために「list-style」を「none」に。

後はタイトルの幅を調整しています。

#npcatch li{
	overflow:hidden;
	clear:both;
	margin:2px;
    list-style: none;
}

#npcatch img{
	float:left;
	padding:5px 5px 2px 1px;
}

#npcatch .title{
	width:168px;
	float:left;
	padding:5px 5px 5px 0px;
}

#npcatch li:hover{
}

#npcatch li:hover .title{
}

#npcatch li:hover .title a{
}

#npcatch li:hover .date{
}

#npcatch li{

overflow:hidden;

clear:both;

margin:2px;

list-style: none;

}

#npcatch img{

float:left;

padding:5px 5px 2px 1px;

}

#npcatch .title{

width:168px;

float:left;

padding:5px 5px 5px 0px;

}

#npcatch li:hover{

}

#npcatch li:hover .title{

}

#npcatch li:hover .title a{

}

#npcatch li:hover .date{

}

最新記事を表示してみた

「最新記事」を表示するとこんな感じでアイキャッチ(サムネイル)とタイトルが並んで表示されます。

いい感じですね！

いかがでしたでしょうか。

最新記事にアイキャッチ(サムネイル)も一緒に表示してあると、記事の内容もイメージしやすくなりますよね。

少しでも記事に興味を持っていただけるようになるとうれしい限りです！

作者様のブログはこちら。プラグインの詳細もありますよ！

「Newpost Catch」 WordPress Plugin | 今村だけがよくわかるブログ
wordpressの「最近の投稿（新着記事）」にアイキャッチ（サムネイル）を表示するウィジェットプラグインです。 ...

ピックアップ記事

1: 機種変更時に最適なiPhoneバックアップ方法！ iTunesの暗号化バックアップから復元すればデータ移行が楽にできます
機種変更時に最適なiPhoneのバックアップ方法をご紹介しています。iCloudバックアップではなく、iTunesの暗号化バックアップから復元することでスムーズにデータ移行できます。各アプリのIDやパスワードも引き継ぐにはこの方法がおすすめですよ。詳しい手順も解説していますので、ぜひ参考にしてみてくださいね。

2: iPhone・iPadのAirDropでデータの受け渡しが便利！写真・動画・PDFなどのコンテンツを送受信する方法と注意点
iPhone・iPadなどApple製品同士で使えるAirDropはデータの受け渡しにとても便利な機能です。写真・動画・PDFなどのコンテンツを送受信する方法と利用する際の注意点も合わせてご紹介します。

3: 最大60WのUSB-C PD充電器「AUKEY 72W ACアダプター PA-Y12」レビュー！追加のUSB-Aポート2つ、合計3ポートのパワフル充電で大活躍
AUKEYのUSB充電器「72W ACアダプター PA-Y12」を購入してみました。最大60WのUSB Type-C PD（Power Delivery）対応でワット数の異なるパソコンにもパワフル充電。追加のUSB-Aポート2つでスマホやタブレットの充電にも大活躍。使ってみた感想をご紹介します。

4: ポータブルハードディスク「WD Elements」レビュー！外部電源不要、気軽に大容量HDDが持ち運びできる！
パソコン内のデータ整理とバックアップ目的でポータブルハードディスクを購入してみました。それがウエスタンデジタルの「WD Elements Portable」です。大容量なのに小さくて収納や持ち運びが楽です。商品の特徴や使ってみた口コミもご紹介します。

5: LGウルトラワイドモニター「29UM69G-B」の口コミレビュー。12インチMacbookもMacbook Air 11インチも大画面で超快適な作業環境を実現できた！
快適なパソコン作業環境を求めて21:9ウルトラワイドモニターを購入してみました。それがLGエレクトロ二クスの「29UM69G-B」29インチです。1枚のディスプレイでスクエアタイプのモニター2枚分の広さを実現。ウィンドウを並べての作業が捗りますね！商品の特徴や使ってみた感想をご紹介します。