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

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

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

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

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

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

ショートコードの書き方

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

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

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

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

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

映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開、ハテナボックスを叩いてネコマリオに変身
任天堂の人気ゲームシリーズ「スーパーマリオブラザーズシリーズ」を題材とした3DCGアニメ映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開されました。 続きを読む...…
「うつ病はセロトニンの欠乏によって引き起こされる」というこれまでの定説は不十分だと指摘されている
うつ病はこれまで「神経伝達物質のセロトニンの欠乏」が原因と考えられていました。しかし臨床研究の結果、うつ病の発症原因はセロトニンの欠乏だけでなく、もっと複雑であることが明らかになっています。 続きを読む..…
Amazonの自動化されたカスタマーサポートが堂々巡りで役に立たない時に担当者と電話で話す方法とは?
大手通販サイトのAmazonは注文した商品がすぐに届く利便性がありますが、時には間違った商品が届いてしまったり、届いた商品に不備があったりするケースもあります。ところが、返品や交換の手続きはややこしいことが多く、自動…
セックスの経験人数で大きな格差が生まれる「セックス格差」が広まっている
これまでに性行為をした経験がないという人もいれば、複数人と性行為を経験したことがあるという人もいます。そんな「何人と肉体関係を持ったことがあるか?」について調査を実施したところ、これまで誰とも肉体関係を持ったことがな…
GitHubを使う開発者が1億人を突破
ソフトウェア開発プラットフォーム「GitHub」を使う開発者の数が1億人に達しました。Microsoftの2023年第1四半期(2022年7月~9月)の決算発表でアクティブユーザー数が9000万人に到達したことが報告…

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

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

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

表示例

映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開、ハテナボックスを叩いてネコマリオに変身
任天堂の人気ゲームシリーズ「スーパーマリオブラザーズシリーズ」を題材とした3DCGアニメ映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開されました。 続きを読む...…
「うつ病はセロトニンの欠乏によって引き起こされる」というこれまでの定説は不十分だと指摘されている
うつ病はこれまで「神経伝達物質のセロトニンの欠乏」が原因と考えられていました。しかし臨床研究の結果、うつ病の発症原因はセロトニンの欠乏だけでなく、もっと複雑であることが明らかになっています。 続きを読む..…
Amazonの自動化されたカスタマーサポートが堂々巡りで役に立たない時に担当者と電話で話す方法とは?
大手通販サイトのAmazonは注文した商品がすぐに届く利便性がありますが、時には間違った商品が届いてしまったり、届いた商品に不備があったりするケースもあります。ところが、返品や交換の手続きはややこしいことが多く、自動…

オプションの説明

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

url

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

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

デフォルト値:(空欄)

表示例

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

ブクマカを密室に閉じ込めてブコメ大喜利で戦わせる
ブクマカを密室に閉じ込めてブコメ大喜利で戦わせる一番強かったブクマカを閉じ込めてそいつに俺のブコメを書かせ続ける そうすればスターざくざくだ …
ぼっちちゃんはなぜネガティブな妄想や奇行を繰り返すのか?その理由とともに「ぼっち・ざ・ろっく!」の魅力を紐解く
ぼっちちゃんはなぜネガティブな妄想や奇行を繰り返すのか?その理由とともに「ぼっち・ざ・ろっく!」の魅力を紐解くぼっちちゃんはなぜネガティブな妄想や奇行を繰り返すのか?その理由とともに「ぼっち・ざ・ろっく!」の魅力を紐解…
FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ - エンジニアHub|Webエンジニアのキャリアを考える!
FastAPI入門 - モダンなPythonフレームワークの特性をチュートリアルで手軽に学ぶ - エンジニアHub|Webエンジニアのキャリアを考える!FastAPI入門 - モダンなPythonフレームワークの特性を…
疑われる「C++」の安全性、今後の動きはどうなる
疑われる「C++」の安全性、今後の動きはどうなる「C++」は非常に人気があるプログラミング言語だが、同言語の標準化に取り組んでいるグループが、C++の「メモリ安全性」を(新しいライバル言語である「Rust」のように)高…
娘の学校で出回ってるらしい怪談「パソコンババア」が令和に相応しい内容だった→とても自然な怪談の生まれ方なのでは
娘の学校で出回ってるらしい怪談「パソコンババア」が令和に相応しい内容だった→とても自然な怪談の生まれ方なのではてとらα SI @TETRA_IT 娘が「小学校のパソコン教室のパソコンでゲームばっかやってるとパソコンババ…

count

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

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

知ってる?長芋を「ほっくほく」にするレシピ。焼き加減で「ほくシャキ」も実現できてすごい
もっと読む>>知ってる?豚汁を「メインディッシュ」にランクアップさせる一工夫。“あれ”を入れるだけで、ボリューム満点、濃厚です【レシピ】とろろに炒めものーー。いろんな調理法で楽しめる長芋。全農広報部(@zennoh_fo…
石田ゆり子さん、アニメキャラ風のAIアバターを連投。「どのアニメゆり子さんも素敵」の声
石田ゆり子さん(2021年5月13日)こちらもおすすめ≫石田ゆり子さん、25歳当時の写真に「私じゃないみたい」と驚き。「妹のひかりさんそっくり」の声も「アプリで遊んでいたら日が暮れた…」俳優の石田ゆり子さんが、アニメキャ…
ホームレスになり犬を手放した飼い主。首輪に残した手紙がきっかけで再会
こちらもおすすめ>>ゲーセン前に迷いアザラシ。レスキュー隊がストレッチャーで救助アメリカ・テネシー州で、ホームレスになった家族が愛犬に残した手紙が、犬との再会を叶えた。同州チャタヌーガの動物保護施設「マッケミー・アニマル…

img

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

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

デフォルト値:(空欄)

表示例

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

PC作業に癒やしが訪れる。もふもふになったリストレスト
Image:ELECOMなでなですればストレス軽減になりそう。タイピングやマウス操作のお供に、手首の疲れや痛みを予防するリストレスト。多くのものはゲルやウレタンが中に入っているかと思いますが、外側は合皮やナイロン素材で覆…
南極の研究施設にStarlinkがインターネットをお届け
SpaceXの衛星インターネットサービスStarlinkが、南極マクマード基地で導入される。…
可愛くても自宅警備はお任せあれ。球体ロボ「EBO X」
ホームセキュリティーロボットの「Enabot EBO X」。可愛いルックスだが撮影機能なども備えていて高機能。…

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

PC作業に癒やしが訪れる。もふもふになったリストレスト
Image:ELECOMなでなですればストレス軽減になりそう。タイピングやマウス操作のお供に、手首の疲れや痛みを予防するリストレスト。多くのものはゲルやウレタンが中に入っているかと思いますが、外側は合皮やナイロン素材で覆…
南極の研究施設にStarlinkがインターネットをお届け
SpaceXの衛星インターネットサービスStarlinkが、南極マクマード基地で導入される。…
可愛くても自宅警備はお任せあれ。球体ロボ「EBO X」
ホームセキュリティーロボットの「Enabot EBO X」。可愛いルックスだが撮影機能なども備えていて高機能。…

target

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

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

デフォルト値:_blank

表示例(target='_self')

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

【4コマ】魔王軍はホワイト企業 789話目「魔王を狙う影⑮」
漫画:スガラジカル…
【感動】御徒町最強スーパー「吉池」の『オリジナル生ガキ』がガチでウマい / ラッコだった前世の記憶が甦るレベル
ちょっと感動を禁じ得ない……! 何の話かというと、御徒町最強スーパー「吉池(よしいけ)」の『オリジナル生ガキ』のことである。これはウマい……いや、ガチでウマすぎる。 大の牡蠣好きで、友人には「俺が死んだら鼻に生ガキを詰め…
【AIグルメ】こちらが「オススメの簡単な料理」をAI『ChatGPT』に聞いて作った「スパゲッティカルボナーラ」です
「今日は何を作ろうかしら……?」なんてお悩みの皆様。クックパッドなんてもう古い! 今の時代、AIですよ……。世界中で話題沸騰の対話型AI『ChatGPT』は、どんなことでも答えてくれます。そう、レシピさえも!! というこ…
新大久保で1人でも食事できる「COZYPLACE」のチーズトンカツがやたらと映えるのです
東京・新大久保は日本最大級の韓流文化の街、コスメやグルメなどを求めて多くの観光客で日々にぎわっている。近年は他のアジアのお店も増えており、客足はコロナ前の状況に戻りつつある。そんな新大久保で1人で食事をするのは難しい。 …
【企業努力】ラ・ムーの『満福明太子のり弁当』は「激安弁当の100円差」がどれほどデカいかを教えてくれた
『ラ・ムー』は西日本を中心に展開する激安系スーパー。名物の『満福のり弁当』について、以前の記事で「見た目は完璧だが絶望的な薄味」という個人的見解を述べさせていただいた。とはいえ税込198円という安さを考えれば些細な問題で…

desc

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

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

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

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

映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開、ハテナボックスを叩いてネコマリオに変身
「うつ病はセロトニンの欠乏によって引き起こされる」というこれまでの定説は不十分だと指摘されている
Amazonの自動化されたカスタマーサポートが堂々巡りで役に立たない時に担当者と電話で話す方法とは?

date

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

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

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

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

映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開、ハテナボックスを叩いてネコマリオに変身
任天堂の人気ゲームシリーズ「スーパーマリオブラザーズシリーズ」を題材とした3DCGアニメ映画「ザ・スーパーマリオブラザーズ・ムービー」の新映像が公開されました。 続きを読む...…
「うつ病はセロトニンの欠乏によって引き起こされる」というこれまでの定説は不十分だと指摘されている
うつ病はこれまで「神経伝達物質のセロトニンの欠乏」が原因と考えられていました。しかし臨床研究の結果、うつ病の発症原因はセロトニンの欠乏だけでなく、もっと複雑であることが明らかになっています。 続きを読む..…
Amazonの自動化されたカスタマーサポートが堂々巡りで役に立たない時に担当者と電話で話す方法とは?
大手通販サイトのAmazonは注文した商品がすぐに届く利便性がありますが、時には間違った商品が届いてしまったり、届いた商品に不備があったりするケースもあります。ところが、返品や交換の手続きはややこしいことが多く、自動…

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