ワードプレスにアメブロの新着情報を載せる方法

担当のお客様よりWordPressで作成した「お知らせ(新着情報)」のところに、アメブロの新着を載せたいというご要望があり、実装しました。(※今後のための備忘録として残しておきます。)

「RSSImport」をインストール

WordPressに、プラグイン「RSSImport」をインストールしました。
「RSSImport」とは、RSSフィードを読み込んで、ワードプレスサイトに表示できるプラグインです。
ウィジェットもありますが、投稿記事にショートコードを記入するか、ソースにPHPコードを記入することで簡単に表示ができます。
また、オプション因数を追加することで、カスタマイズすることができます。

【RSSImport】
https://wordpress.org/plugins/rss-import/

↑ご注意:上記のプラグインは 2022 年 12 月 22 日をもって閉鎖されてしまったようです。
そのため当記事は備忘録となります。

記事に埋め込むショートコード例

[RSSImport display="5" feedurl="RSSのURL"]

ちなみにアメブロのrssURLは
http://rssblog.ameba.jp/ブログID/rss20.xml
上記のように入れます。

オプション因数(デフォルト)

display?表示する記事数。デフォルトは5。
feedurl?RSSのURL。
before_desc?説明の前に挿入するHTMLまたは文字列。
displaydescriptions?説明文の表示 True:表示する 、デフォルトはFalse(非表示)。
after_desc?説明の後に挿入するHTMLまたは文字列。
html?trueは説明にHTMLタグを含めることができる。デフォルトはfalse。
truncatedescchar?説明文の文字数。Defaultは200。
truncatedescstring?説明文を切り捨てたあとの文字列。デフォルトは' ... '。
truncatetitlechar?タイトルに使用できる最大文字数。
truncatetitlestring?切り捨てられたタイトルの最後に挿入するHTMLまたは文字列。デフォルトは' ... '。
before_date?日付の前に挿入するHTMLまたは文字列。デフォルトは<small>。
date?trueの場合、アイテムの日付を表示します。デフォルトはfalse。
after_date?日付の後に挿入するHTMLまたは文字列。デフォルトは</small>です。
date_format?日付フォーマット文字列。別の日付形式が必要な場合は、PHPの日付文字列を指定しますF j, Y。
before_creator?アイテムの作成者の前に挿入するHTMLまたは文字列。デフォルトは<small>です。
creator?trueの場合、アイテムの作成者を表示します。デフォルトはfalseです。
after_creator?アイテムの作成者の後に挿入するHTMLまたは文字列。デフォルトは</small>。
start_items?アイテムのリストの前に挿入するHTMLまたは文字列。デフォルトは<ul>。
end_items?アイテムのリストの後に挿入するHTMLまたは文字列。デフォルトは</ul>。
start_item?各アイテムの前に挿入するHTMLまたは文字列。デフォルトは<li>。
end_item?各アイテムの後に挿入するHTMLまたは文字列。デフォルトは</li>。
target? targetリンクの属性に使用する文字列。デフォルトはempty。有効なオプションはblank、self、parent、top。
rel? relリンクの属性に使用する文字列。デフォルトはempty。有効なオプションはnofollowおよびfollow。
desc4title? titleアイテムのタイトルリンクの属性で使用する説明。デフォルトはfalseです。
charsetscan?trueの場合、フィードのコンテンツをスキャンして正しい文字セットを探します。デフォルトはfalse。
debug?trueの場合、デバッグモードをアクティブにします。デフォルトはfalse。

「RSSImport」カスタマイズ例

例)日付を入れる

[RSSImport display="2" feedurl="RSSのURL" date="true"]

例)サムネイル画像を有効にする

RSSImport(
    $display = 5,
    $feedurl = 'https://bueltge.de/feed/',
    $before_desc = '<img src="%picture_url%" alt="">',
    $displaydescriptions = true
);

または

[RSSImport feedurl="https://wordpress.org/news/feed/" displaydescriptions="true" before_desc="<div><img src='%picture_url%' width='50px' alt='' style='float:left;' />" after_desc="</div>" use_simplepie="true"]

以上です。