BLOG

Announcements and blogs.

  1. HOME
  2. ブログ
  3. カスタマイズ備忘録
  4. ワードプレスにアメブロの新着情報を載せる方法

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

担当のお客様よりワードプレスで作成した「お知らせ(新着情報)」のところに、アメブロの新着を載せたいというご質問がありました。

「RSSImport」をインストール

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

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

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

ショートコード例(デフォルト)

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

 

「RSSImport」カスタマイズ例

例)日付を入れる

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

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

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


または

  1. [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"]


以上です。

関連記事

このテーマを使用しています

「楽しんで学ぶ」オンライン講座

BLOG