Cocoonテーマでサムネイル付きRSSの設定

USK

アイキャッチが表示されると見栄えがいい

今、いくつかのブログを立ち上げています。せっかくなので、ブログ間で更新情報を表示させたいと思いました。

WordPressのウィジェットには「RSS/ニュースフィード」が用意されていますが、基本、文字しか表示されません。最初は、更新したブログの記事タイトルだけでもかまわないかなぁって思っていましたが、せっかく各記事にアイキャッチ(サムネイル)を用意しているので、表示されないのももったいない。

そこで、本ブログのWordPressテーマでお世話になっているCocoonのフォーラムを探ってみたところ同じようなことをされている方がいらっしゃいました。

rssのアイキャッチ画像

feedlyで自サイトをチェックしたところ、アイキャッチ画像がノーイメージになっているのですが、RSSでアイキャッチ情報を送信するように設定する事は可能でしょうか。

wp-cocoon.com

RSSフィードにアイキャッチ画像を追加して Feedly で確認してみる – セルティスラボ

WordPress で作成した記事を Feedly で見た時にサムネイル画像が表示されていない場合のプログラムサンプルです　(^^)

celtislab.net

functions.php

フォーラムで紹介されているコードをそのままfunctions.phpに記載しました。意味は、RSSにアイキャッチ画像も入れこむようにしろってことのようです。

function celtispack_rss_post_thumbnail($content) {
    global $post;
    $img = get_the_post_thumbnail($post->ID, 'medium');
    if(!empty($img)){
        $content = "<p>$img</p>" . $content;
    }
    return $content;
}
if (!empty($celtispack_options['rss_post_thumbnail']) ){
    add_filter('the_excerpt_rss', 'celtispack_rss_post_thumbnail');
    add_filter('the_content_feed', 'celtispack_rss_post_thumbnail');
}

このコードを入れてRSSを表示できるfeedlyで確認したら無事にサムネイルが表示されました。

Cocoonのショートコードを使って表示カスタム

このサイトで採用しているWordpressのテーマCocoonでは、RSSフィードを表示するためのショートコードが用意されています。

Cocoonで使える[ショートコード]のオプションと使い方まとめ

Cocoonで使えるショートコード＋オプション一覧と、使い方が掲載されている公式ページへのリンク集的なまとめです。 便利な機能がたくさんあって流し見でこんな機能あったのか～！なんて発見もあるかもしれません。 ジャンル分けは独断です。 すぐに

web.monogusa-note.com

そこで、以下のコードを入れてみました。３つの記事を表示して、タイトルだけの「＞」マークをつけるようにしてみました。

[rss url="#####(URL)" type="border_partition" count="3" arrow="1" desc="0"]

ウィジェットに表示させるとこんな感じになりました。きちんとサムネイルが表示されました。

これで、複数ブログの新着記事を横断して表示することができました。
WordPress標準仕様として、サム