WordPressプラグインのYARPPでアイキャッチ付きの一覧表示させる方法

スポンサーリンク

WordPressのプラグイン、便利ですよね。
なんでもやりたいことが実現できてしまうので、いろいろと重宝しています。

YARPP(Yet Another Related Posts Plugin)というプラグインをご存知でしょうか?

表示させたいところに投稿記事に関連する記事一覧を表示してくれるという超便利なプラグインです。

ブログを読んでいて、記事を読み終わった後に「関連記事」とか見かけませんか?アレです。

何も手を加えず使用すると文字だけで記事一覧を表示するだけです。

このページの目次

実は調べたらすぐわかる

実は関連記事にアイキャッチ画像を加えるだけのやり方は調べると何件か出てきます。

私が参考にしたのはこの記事
http://plusblog.jp/4236/

これの通りにやれば思った通りにアイキャッチ画像付きの関連記事を表示できます。めちゃくちゃ簡単でした。

liタグのCSSに少し手を加える

ただ、これのとおりにやってもうまくいかない場合があります。

liタグで表示させているので、CSS側で何もしていないと「・」が入ります。ということで上のページのCSSに「list-style-type: none;」を加えてあげましょう。

#yarp ol li{
 list-style-type: none;
}

これでいい感じに表示されると思います。

実際にやってみたのが下の画像です。

ひっそり運営している音楽レビューブログに設定しました。