grayishスキン適用中

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

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

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

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

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

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

ショートコードの書き方

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

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

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

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

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

「13~17歳の79%が生成AIを使用している」など若者が生成AIを積極的に利用している実態がイギリス政府機関の最新調査で明らかに
イギリスの電気通信・放送などの規制・監督を行う規制機関であるOfcomが、インターネットの使用に関する年次調査レポート「Online Nation」を発表し、同国における「Z世代の生成AIの利用状況」が明らかになって…
ミスドの「大人のポン・デ・ショコラ 芳醇カカオ」&「大人のポン・デ・ショコラ 芳醇キャラメル」はほろ苦さを楽しむ大人スイーツでした
もちもち食感のショコラ生地をカカオソースでコーティングした「大人のポン・デ・ショコラ 芳醇カカオ」と、キャラメルソースでコーティングした「大人のポン・デ・ショコラ 芳醇キャラメル」が2023年11月29日(水)にミス…
iPhone上でAIが恋人になってくれるアプリ「Dolores」開発者がアプリの開発経緯と教訓を語る
機械学習エンジニアのKe Fang氏が、AIをコミュニケーション相手にできるアプリ「Dolores」を開発した経緯とそこから得た学びを自身のブログでまとめています。 続きを読む...…
「おしり動画」を7歳の息子が勝手にアップロードしたため母親がGoogleアカウントを凍結される
子どもがYouTubeに動画をアップロードするのはもはや珍しいことではありませんが、オーストラリアのニューサウスウェールズ州に住むジェニファー・ワトキンスさんは、子どもがちょっとしたイタズラ心を発揮した動画をアップロ…
15万台のNVIDIA H100 GPUをMetaとMicrosoftが購入したとの分析、Google・Amazon・Oracleの3倍
NVIDIAの2024年第3四半期における収益が前年比206%増となり、過去最高を記録しました。生成AIの普及により機械学習に求められるGPUの需要が格段に増し、データセンターを運営する企業との取引が好調であるとの分…

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

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

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

表示例

「13~17歳の79%が生成AIを使用している」など若者が生成AIを積極的に利用している実態がイギリス政府機関の最新調査で明らかに
イギリスの電気通信・放送などの規制・監督を行う規制機関であるOfcomが、インターネットの使用に関する年次調査レポート「Online Nation」を発表し、同国における「Z世代の生成AIの利用状況」が明らかになって…
ミスドの「大人のポン・デ・ショコラ 芳醇カカオ」&「大人のポン・デ・ショコラ 芳醇キャラメル」はほろ苦さを楽しむ大人スイーツでした
もちもち食感のショコラ生地をカカオソースでコーティングした「大人のポン・デ・ショコラ 芳醇カカオ」と、キャラメルソースでコーティングした「大人のポン・デ・ショコラ 芳醇キャラメル」が2023年11月29日(水)にミス…
iPhone上でAIが恋人になってくれるアプリ「Dolores」開発者がアプリの開発経緯と教訓を語る
機械学習エンジニアのKe Fang氏が、AIをコミュニケーション相手にできるアプリ「Dolores」を開発した経緯とそこから得た学びを自身のブログでまとめています。 続きを読む...…

オプションの説明

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

url

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

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

デフォルト値:(空欄)

表示例

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

[第1話]ウマ娘 ピスピス☆スピスピ ゴルシちゃん - 作:柴田直樹(原作:Cygames) | 週刊コロコロコミック
[第1話]ウマ娘 ピスピス☆スピスピ ゴルシちゃん - 作:柴田直樹(原作:Cygames) | 週刊コロコロコミックウマ娘 ピスピス☆スピスピ ゴルシちゃん 作:柴田直樹(原作:Cygames) 【毎週火曜更新・週刊…
収支報告に「秘書が横領」 北海道9区、自民堀井衆院議員 | 共同通信
収支報告に「秘書が横領」 北海道9区、自民堀井衆院議員 | 共同通信Published 2023/11/29 20:49 (JST) Updated 2023/11/29 21:08 (JST) 北海道9区(室蘭市や苫…
米国の自殺者、昨年は過去最悪の4万9000人あまり
米国の自殺者、昨年は過去最悪の4万9000人あまり米国の自殺者が昨年過去最多を記録したことが、CDCの暫定データで判明した/bymuratdeniz/E+/Getty Images (CNN) 米国の自殺者が昨年は少な…
プログラミングの原則:構造化テキストを文字列結合で作らない、置換でいじらない - Uzabase for Engineers
プログラミングの原則:構造化テキストを文字列結合で作らない、置換でいじらない - Uzabase for Engineersこんにちは、ソーシャル経済メディア「NewsPicks」のむとうです。 先日から『Ghost …
就職先の決め方に関して知恵を貸してほしい
就職先の決め方に関して知恵を貸してほしい個人が特定されないようにある程度ぼかす。A社とB社から運良く内定をもらえたのだが、どちらも行きたくて迷っている。以下は両者の情報。 A社グローバルなプロダクトを持っている欧米に支…

count

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

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

【かぼちゃの甘味がたまらない】ごま油がアクセントの鶏のかぼちゃソースレシピ
プロが考えた超美味しい家庭料理▽お悩み:この夏、夫は部署移動になり、毎日終電で帰ってきてそのままソファーで寝落ちするほどクタクタです。疲れた体を労わるごはん、何かありませんか?▽ポイント:牛乳を加えたら、しっかり煮てかぼ…
ティファニーのコーヒーカップ可愛すぎん?Diorやフェンディの一味違うアイテムも。センスの良いクリスマスプレゼント3選
もっと読みたい>>ティファニーがジャイアンツの新しいロゴをデザイン。「ビックリ!」「激アツ」など反響。どう変わった?【ビフォーアフター画像】街にイルミネーションが煌めき、クリスマスムードの高まりを感じている人も多いのでは…
【じゃがいもが主役】濃厚でクリーミー、食感も最高。じゃがいもで作る「カルボナーラ」が美味しすぎる(作り方・レシピ)
イメージ写真関連記事>>明治が本気出してきた。500種類の牛乳レシピも、大量廃棄の危機にプロジェクトを開始パスタの代わりに「じゃがいも」を使ったカルボナーラはいかが?明治の代表的な商品「おいしい牛乳」の公式X…

img

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

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

デフォルト値:(空欄)

表示例

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

NASAの深宇宙光通信、最長距離を達成しました
小惑星探査機サイキには、金色のフタが付いたレーザー送受信機がくっ付いています。その装置が現地時間の11月14日、月をはるかに超えた域から初めてレーザーでデータの送受信を行ない、“ファーストライト”を達成しました。…
インディ・ジョーンズの“最後の冒険”を描く最新作、12月1日よりDisney+で配信開始
Image:©2023LucasfilmLtd.&TM.AllRightsReserved.最後の冒険の行方は?日本では6月末に劇場公開された映画『インディ・ジョーンズと運命のダイヤル』ですが、12月1日(金)1…
毎日の家事に絶対欠かせない。ひたすらリピ買いしてる「ニトリルグローブ」の魅力
Photo:小暮ひさのりコストをかけるべきところだと思うんだ。寒さの厳しい日が増え、手荒れに悩まされる季節になってきました。保湿クリームを塗ったりと、こまめにケアしないとすぐに手がボロボロに…。なんなら保湿してても、乾燥…

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

NASAの深宇宙光通信、最長距離を達成しました
小惑星探査機サイキには、金色のフタが付いたレーザー送受信機がくっ付いています。その装置が現地時間の11月14日、月をはるかに超えた域から初めてレーザーでデータの送受信を行ない、“ファーストライト”を達成しました。…
インディ・ジョーンズの“最後の冒険”を描く最新作、12月1日よりDisney+で配信開始
Image:©2023LucasfilmLtd.&TM.AllRightsReserved.最後の冒険の行方は?日本では6月末に劇場公開された映画『インディ・ジョーンズと運命のダイヤル』ですが、12月1日(金)1…
毎日の家事に絶対欠かせない。ひたすらリピ買いしてる「ニトリルグローブ」の魅力
Photo:小暮ひさのりコストをかけるべきところだと思うんだ。寒さの厳しい日が増え、手荒れに悩まされる季節になってきました。保湿クリームを塗ったりと、こまめにケアしないとすぐに手がボロボロに…。なんなら保湿してても、乾燥…

target

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

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

デフォルト値:_blank

表示例(target='_self')

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

【ポテ通】現時点でのケニアナンバーワンポテトはコレ! 少しクセのあるお店だが、それはまるで夢のような完璧なポテトだった / カンバ通信:第342回
ジャンボ! 今日も愛車に乗りながらポテロール(ポテト店パトロール)していると、なにやら気になる店を発見。 その名も『MASTERS CAFE(マスターズカフェ)』。 ネットで検索すると、ナイロビにはいくつかのMASTER…
【エッセイ漫画】日々限界集落 380話目「性格」
漫画:うどん粉…
線は細いのにストロングスタイル【家そば放浪記】第193束:ヤオコーで買った、柄木田製粉『信州そば 市兵衛』税込321円(1人前80円)
今回の蕎麦は、完全なる「ジャケ買い」ならぬ「パケ買い」だ。 目の覚めるような彩度全開の赤。色を表す色光の三原色「RGB」で言うならR255。色料の三原色「CMYK」ならM100のY100といっても良いくらいの完全なる赤。…
【グラコロ戦争】マクドナルド、王道の「グラコロ」を発売開始 → ロッテリアと食べ比べてみた結果!
月見バーガーをテーマに勃発した「月見戦争」から束の間、今度は「グラコロ戦争」が開戦しようとしている……らしい。というのも、王者マクドナルドに先駆けて、ロッテリアが「えびグラタンバーガー」の発売を開始したからだ。 冬のロン…
【4コマ】魔王軍はホワイト企業 1092話目「勇者とエルフの里⑲」
漫画:スガラジカル…

desc

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

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

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

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

「13~17歳の79%が生成AIを使用している」など若者が生成AIを積極的に利用している実態がイギリス政府機関の最新調査で明らかに
ミスドの「大人のポン・デ・ショコラ 芳醇カカオ」&「大人のポン・デ・ショコラ 芳醇キャラメル」はほろ苦さを楽しむ大人スイーツでした
iPhone上でAIが恋人になってくれるアプリ「Dolores」開発者がアプリの開発経緯と教訓を語る

date

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

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

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

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

「13~17歳の79%が生成AIを使用している」など若者が生成AIを積極的に利用している実態がイギリス政府機関の最新調査で明らかに
イギリスの電気通信・放送などの規制・監督を行う規制機関であるOfcomが、インターネットの使用に関する年次調査レポート「Online Nation」を発表し、同国における「Z世代の生成AIの利用状況」が明らかになって…
ミスドの「大人のポン・デ・ショコラ 芳醇カカオ」&「大人のポン・デ・ショコラ 芳醇キャラメル」はほろ苦さを楽しむ大人スイーツでした
もちもち食感のショコラ生地をカカオソースでコーティングした「大人のポン・デ・ショコラ 芳醇カカオ」と、キャラメルソースでコーティングした「大人のポン・デ・ショコラ 芳醇キャラメル」が2023年11月29日(水)にミス…
iPhone上でAIが恋人になってくれるアプリ「Dolores」開発者がアプリの開発経緯と教訓を語る
機械学習エンジニアのKe Fang氏が、AIをコミュニケーション相手にできるアプリ「Dolores」を開発した経緯とそこから得た学びを自身のブログでまとめています。 続きを読む...…

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をコピーしました