RSS記事一覧を表示するショートコードの利用方法

ショートコード
この記事は約5分で読めます。

Cocoon 2.0.9よりショートコードによるRSS記事一覧機能を追加しました。

使い方としては、新着・人気ページの使い方と似ています。

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。
人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

ショートコードの書き方

基本的にショートコードは、以下のように書いて利用できます。

[rss url='https://gigazine.net/news/rss_atom/']

URLオプションには取得するRSSフィードのURLを指定してください。

デフォルトショートコード利用例

このように書くことで以下のように表示されます。

「運動が認知機能に及ぼす影響についての研究には多くのバイアスが含まれている」との報告
「運動をすることは認知能力に良い影響を与える」といった学説を信じる人も多いですが、グラナダ大学のダニエル・サナブリア・ルセナ氏らの研究チームが、109件に上る「運動が認知能力に与える研究」を分析したところ、「運動が認…
Amazonから3万円台で11インチ・2K液晶搭載の大型タブレット「Fire Max 11」が登場したのでその性能をチェックしてみた
Amazonの自社製タブレット端末「Fire」シリーズの新モデルとなる「Fire Max 11」が2023年6月14日に登場します。Fire Max 11はFireシリーズとして初となる11インチ2K液晶や、8コアプ…
にんにくマシマシな「ガーリック醬油チキンフィレバーガー」やバジルオイルにチキンが浸る「バジルチキンフィレバーガー」などウェンディーズ・ファーストキッチンのチキンバーガー3種試食レビュー
「にんにくマシマシなラーメン」をイメージしてニンニクの香りをガツンと効かせた「ガーリック醬油チキンフィレバーガー」とバジルやバルサミコ酢でイタリア風に仕上げた「バジルチキンフィレバーガー」、レモン果汁とレモンペースト…
AIはフォトストック業界を殺すのか?
AIの発達により多くの職業が影響を受けると予想されており、すでにゲーム開発者やイラストレーターの働き方や収入に大きな変化が出始めています。本物の写真と見分けがつかないような画像を生み出せるようになってきたジェネレーテ…
GPSに依存せず世界中で船舶の正確な位置がわかる「量子航法システム」の最初の試験にイギリス海軍が成功、衛星の妨害や誤動作に強くGPSが使えない潜水艦でも利用可能に
イギリス海軍が、ソナーや衛星通信、GPSなどの外部ソースに依存することなく世界中で船舶の正確な動きや位置を特定できる「量子航法システム」の最初の実験に成功したことを発表しました。 続きを読む...…

オプションを用いたショートコードの書き方

rssショートコードでは、オプション(引数)を用いることで、ある程度表示をカスタマイズすることができます。

[rss url='https://gigazine.net/news/rss_atom/' count=3 type=large_thumb_on]

表示例

「運動が認知機能に及ぼす影響についての研究には多くのバイアスが含まれている」との報告
「運動をすることは認知能力に良い影響を与える」といった学説を信じる人も多いですが、グラナダ大学のダニエル・サナブリア・ルセナ氏らの研究チームが、109件に上る「運動が認知能力に与える研究」を分析したところ、「運動が認…
Amazonから3万円台で11インチ・2K液晶搭載の大型タブレット「Fire Max 11」が登場したのでその性能をチェックしてみた
Amazonの自社製タブレット端末「Fire」シリーズの新モデルとなる「Fire Max 11」が2023年6月14日に登場します。Fire Max 11はFireシリーズとして初となる11インチ2K液晶や、8コアプ…
にんにくマシマシな「ガーリック醬油チキンフィレバーガー」やバジルオイルにチキンが浸る「バジルチキンフィレバーガー」などウェンディーズ・ファーストキッチンのチキンバーガー3種試食レビュー
「にんにくマシマシなラーメン」をイメージしてニンニクの香りをガツンと効かせた「ガーリック醬油チキンフィレバーガー」とバジルやバルサミコ酢でイタリア風に仕上げた「バジルチキンフィレバーガー」、レモン果汁とレモンペースト…

オプションの説明

rssショートコードでは、以下のオプションを利用できます。

url

RSSフィードのURLを指定します。

入力例:url='http://feeds.feedburner.com/hatena/b/hotentry'

デフォルト値:(空欄)

表示例

サムネイルはRSSフィードアイテム本文中の1番目の画像を取得します。画像のアスペクト比などは変更できません。

埼玉県内での女性タレントプール撮影イベントが相次いで急遽中止に。日本共産党による申し入れが原因?
埼玉県内での女性タレントプール撮影イベントが相次いで急遽中止に。日本共産党による申し入れが原因?【公式】川越水上公園 @KAP_Saitama 埼玉県川越市にある県営公園の公式ツイッターです。 Instagramやって…
テニス全仏オープン混合ダブルスで加藤未唯選手のペアが初優勝 | NHK
テニス全仏オープン混合ダブルスで加藤未唯選手のペアが初優勝 | NHKテニスの四大大会の1つ、全仏オープンの混合ダブルス決勝で、加藤未唯選手とドイツのティム・プッツ選手のペアがカナダとニュージーランドの選手のペアをセッ…
フロントエンドリアーキテクトの話
フロントエンドリアーキテクトの話FSE時代におけるWEBサイト制作の研究 #wpshinshu / 2023-05-20 Shinshu WordPress Meetup vol.23 …
アニメ『serial experiments lain』の25周年を記念する代替現実ゲーム『Layer 3301: De-Cipher』が発表。2023年6月スタート予定、“lain”とともに人の繋がりの進化に参加しよう
アニメ『serial experiments lain』の25周年を記念する代替現実ゲーム『Layer 3301: De-Cipher』が発表。2023年6月スタート予定、“lain”とともに人の繋がりの進化に参加しよ…
DeepMind、AIで人間考案のものより優秀なソートアルゴリズムを発見 最大70%高速化
DeepMind、AIで人間考案のものより優秀なソートアルゴリズムを発見 最大70%高速化米Google傘下のAI企業Google DeepMindは6月7日(現地時間)、アルゴリズムを開発するAI「AlphaDev」…

count

countには、アイテムの表示数を設定します。

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

「梅雨で困ること」最も多かったのは?濡れた傘はどう保管?快適に過ごすための4つの提案
画像はイメージですあわせて読みたい>>仕事も経済も回しながら“がっつり”休む。バカンス大国・フランス流の「働き方」は、日本のヒントになるか気象庁は6月8日、関東甲信地方でも梅雨入りしたとみられると発表した。じめじめとした…
結婚の平等・九州訴訟は「国会、早よせんね!」判決。「違憲」とした福岡地裁はどんなメッセージを発したのか
 「国会、早よせんね!」法律上の性別が同じふたりが結婚できないのは憲法違反だとして、九州在住の3組の同性カップルが国を提訴していた裁判で、福岡地裁(上田洋幸裁判長)は6月8日、「違憲状態にある」とする判決を言い渡した。こ…
台風3号、世界の気象機関の進路予想は?発達して暴風域が出現、9日には強い勢力に
台風3号の進路予想2023/06/08 16:00 ウェザーニュース6月8日(木)15時現在、台風3号(グチョル)はフィリピンの東を北西に進んでいます。中心付近の最大風速が30m/sに達し、暴風域が出現しました。来週は次…

img

imgオプションを設定することで、デフォルトのサムネイル画像を設定できます。

入力例:img='https://wp-cocoon.com/wp-content/uploads/2020/01/wolf.png'

デフォルト値:(空欄)

表示例

サムネイルの画像が取得できない場合の画像設定できます。

雨でも全力で楽しめる。野外フェスにぴったりなコンバースを見つけました
今年もフェスシーズンやってきました。野外フェスだと足場が悪い会場も多く、雨が降れば靴もズボンも泥まみれになっちゃったり。そんなときは長靴がマストですが、足元だっておしゃれでいたいですよね。現在スーパーSALE中の楽天を眺…
宇宙で太陽光発電→地球へ伝送。宇宙でつくられた電力で生活する日も近い…?
日当たりのよい屋根や山間部の斜面などにソーラーパネルが並び、自然エネルギーを生み出す光景がいたるところで見られる時代となりました。とはいえ、太陽光発電には弱点や課題も。もっと効率よく、安定した電力供給ができないものか? …
ソニーのブラビアが今だけ10万円以下。YouTubeも見放題です
2022年モデルの4K液晶テレビX80WKシリーズが、43インチ〜55インチまでAmazonにてタイムセール中。…

サムネイル用の画像がフィードから取得できない場合は、RSSフィードマークの画像が表示されます。

雨でも全力で楽しめる。野外フェスにぴったりなコンバースを見つけました
今年もフェスシーズンやってきました。野外フェスだと足場が悪い会場も多く、雨が降れば靴もズボンも泥まみれになっちゃったり。そんなときは長靴がマストですが、足元だっておしゃれでいたいですよね。現在スーパーSALE中の楽天を眺…
宇宙で太陽光発電→地球へ伝送。宇宙でつくられた電力で生活する日も近い…?
日当たりのよい屋根や山間部の斜面などにソーラーパネルが並び、自然エネルギーを生み出す光景がいたるところで見られる時代となりました。とはいえ、太陽光発電には弱点や課題も。もっと効率よく、安定した電力供給ができないものか? …
ソニーのブラビアが今だけ10万円以下。YouTubeも見放題です
2022年モデルの4K液晶テレビX80WKシリーズが、43インチ〜55インチまでAmazonにてタイムセール中。…

target

リンクの開き方を指定します。

入力例:target='_self'(リンク元と同じフレーム内に表示)

デフォルト値:_blank

表示例(target='_self')

画像のアスペクト比はRSSフィード依存です。変更することはできません。

【都内最強安宿】「1泊1980円ホテル」に泊まってみた!
国内のホテル料金が値上がりしている。数年前まで1泊1万円以下だった都市部のビジネスホテルが1万5000円〜2万円まで値上がりしている印象だ。こんなに高かったら気楽に旅行もできないだろう……そんな時は思い切って “格安宿”…
【二郎系】ウェンディーズの「にんにくマシマシラーメン」をイメージしたハンバーガーが全然ラーメンしてねえ → 食ってみたら返り討ちにあった……
長年この仕事をしていると、発売予定の新商品を見て「あ、これは売れないんじゃないかな……」という見立てがつくようになる。たとえば「ラーメンバーガー」だ。話題づくりを狙って、パンに麺を挟んだものが度々登場して話題にはなるけど…
【4コマ】魔王軍はホワイト企業 918話目「転生バラドル⑧」
漫画:スガラジカル…
【超速報】ポン・デ・リングが白くなっちゃった! ミスドの『白いポン・デ・リング』を食べてみたら「飲めるポン・デ・リング」だった
ここで緊急速報をお伝えします。ミスタードーナツの大人気ドーナツ、ポン・デ・リングが白くなったようです。繰り返します、ミスドのポン・デ・リングが白くなったようです。どうやら「ポン・デ・リング20周年」を記念した期間限定メニ…
海外ネットで「最高」と話題の日本飲食チェーンが意外 → 初めて行ってみたらこう思った
同じネットでも日本と海外では見えている世界が違う。日本では流行ってないけれど、英語圏では世界最大とも言われるネット掲示板が『Reddit(レディット)』である。そんなレディットで、日本のある飲食チェーンが話題となっていた…

desc

説明文を表示するかどうか。1 or 0

入力例:desc=0(表示しない)

デフォルト値:1(表示する)

表示例(説明文を表示しない)

「運動が認知機能に及ぼす影響についての研究には多くのバイアスが含まれている」との報告
Amazonから3万円台で11インチ・2K液晶搭載の大型タブレット「Fire Max 11」が登場したのでその性能をチェックしてみた
にんにくマシマシな「ガーリック醬油チキンフィレバーガー」やバジルオイルにチキンが浸る「バジルチキンフィレバーガー」などウェンディーズ・ファーストキッチンのチキンバーガー3種試食レビュー

date

日付を表示するかどうか。1 or 0

入力例:desc=0(表示しない)

デフォルト値:1(表示する)

表示例(日付を表示しない)

「運動が認知機能に及ぼす影響についての研究には多くのバイアスが含まれている」との報告
「運動をすることは認知能力に良い影響を与える」といった学説を信じる人も多いですが、グラナダ大学のダニエル・サナブリア・ルセナ氏らの研究チームが、109件に上る「運動が認知能力に与える研究」を分析したところ、「運動が認…
Amazonから3万円台で11インチ・2K液晶搭載の大型タブレット「Fire Max 11」が登場したのでその性能をチェックしてみた
Amazonの自社製タブレット端末「Fire」シリーズの新モデルとなる「Fire Max 11」が2023年6月14日に登場します。Fire Max 11はFireシリーズとして初となる11インチ2K液晶や、8コアプ…
にんにくマシマシな「ガーリック醬油チキンフィレバーガー」やバジルオイルにチキンが浸る「バジルチキンフィレバーガー」などウェンディーズ・ファーストキッチンのチキンバーガー3種試食レビュー
「にんにくマシマシなラーメン」をイメージしてニンニクの香りをガツンと効かせた「ガーリック醬油チキンフィレバーガー」とバジルやバルサミコ酢でイタリア風に仕上げた「バジルチキンフィレバーガー」、レモン果汁とレモンペースト…

cache_minute

キャッシュの更新時間を分単位で指定します。

こまめに最新情報を取得したい場合は変更してください。ただし、あまりにも短く設定すると先方のサーバーに負荷を与えてしまうので、デフォルトは60分になっています。

入力例:cache_minute=30(30分でRSSを再取得)

デフォルト値:60(60分)

type

typeには、以下のうちいずれかの値を指定します。

  • default:通常のリスト
  • border_partition(or 1):カードの上下に区切り線を入れる
  • border_square(or 2):カードに枠線を表示する
  • large_thumb:大きなサムネイル表示
  • large_thumb_on:大きなサムネイルにタイトルを重ねる

デフォルト値:default

※一部1や2のような数字で指定出来るのは、旧バージョンとの互換性を保つためです。

それぞれの表示例はこちら。

default

default

border_partition(or 1)

border_square(or 2)

large_thumb

large_thumb

large_thumb_on

large_thumb_on

 

bold

boldオプションは、記事タイトルを太字にするかどうかです。

タイトルが太字になる

入力例:bold=1(太字にする)

デフォルト値:0(太字にしない)

arrow

arrowオプションは、カードに矢印を表示するかどうかです。

矢印の表示

入力例:arrow=1(矢印を表示する)

デフォルト値:0(矢印を表示しない)

class

classオプションには、リストのラップ要素に独自のclass属性を指定したい時に記入します。

拡張クラス追加オプション

入力例:class="ex-class"

入力例:class="ex-class1 ex-class2"(複数指定する場合はスペースで区切る)

デフォルト値:(空欄)

応用編

以下のように2カラムレイアウトと併用することができます。

デフォルト

タイプ変更(type=large_thumb_on)

タイトルとURLをコピーしました