grayishスキン適用中

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

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

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

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

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

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

ショートコードの書き方

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

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

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

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

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

水さえあれば永久に動き続ける「水飲み鳥」で発電するシステムが登場、わずか100mlの水で50時間稼働で最大100ボルトの電圧も
by Frank Vincentz 水で満たしたコップを置いておくと、内部の液体の動きで半永久的に頭をゆらしつづけるおもちゃが「水飲み鳥」です。南華工科大学の研究チームが、この水飲み鳥を使って小型電子...
4億ドル相当のビットコインをエルサルバドルがコールドウォレットに移動
世界初の「ビットコインを法定通貨とする」法律を作った中央アメリカ・エルサルバドルで、約5700BTCのコールドウォレットへの移動をナジブ・ブケレ大統領が発表しました。資産は換算すると4億ドル(約596...
Amazonを狙った返金詐欺により数千億円規模の損害が発生しているとの報道、TikTokやReddit上で詐欺グループがメンバーを募る事態に
Amazonをはじめとするオンラインショッピングサイトでは、「返品無料」をアピールしているところも多くありますが、この返品無料というポリシーを悪用して返金詐欺を行う犯罪グループが続出していると報じられ...
2024年3月18日のヘッドラインニュース
「けいおん!」「たまこまーけっと」などを手がけてきた山田尚子監督による新作長編アニメ映画「きみの色」のスペシャルPVがYouTubeで公開されました。 続きを読む...
Uberがタクシー市場に参入したことで収入が失われたと主張する運転手に最大1億7800万ドルを支払うことにUberが同意
ライドシェアサービスを提供するUberが、オーストラリアのタクシー事業者8000人以上が原告となる集団訴訟で、2億7200万オーストラリアドル(約1億7800万ドル、日本円で約266億円)を原告側に支...

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

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

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

表示例

水さえあれば永久に動き続ける「水飲み鳥」で発電するシステムが登場、わずか100mlの水で50時間稼働で最大100ボルトの電圧も
by Frank Vincentz 水で満たしたコップを置いておくと、内部の液体の動きで半永久的に頭をゆらしつづけるおもちゃが「水飲み鳥」です。南華工科大学の研究チームが、この水飲み鳥を使って小型電子...
4億ドル相当のビットコインをエルサルバドルがコールドウォレットに移動
世界初の「ビットコインを法定通貨とする」法律を作った中央アメリカ・エルサルバドルで、約5700BTCのコールドウォレットへの移動をナジブ・ブケレ大統領が発表しました。資産は換算すると4億ドル(約596...
Amazonを狙った返金詐欺により数千億円規模の損害が発生しているとの報道、TikTokやReddit上で詐欺グループがメンバーを募る事態に
Amazonをはじめとするオンラインショッピングサイトでは、「返品無料」をアピールしているところも多くありますが、この返品無料というポリシーを悪用して返金詐欺を行う犯罪グループが続出していると報じられ...

オプションの説明

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

url

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

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

デフォルト値:(空欄)

表示例

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

映画「きみの色」
映画「きみの色」思春期の鋭すぎる感受性というのは いつの時代も変わらずですが、 すこしずつ変化していると感じるのは 「社会性」の捉え方かと思います。 すこし前は「空気を読む」「読まない」「読めない」 ...
アップル、 iPhoneへのグーグル「Gemini 」搭載で交渉中-関係者
アップル、 iPhoneへのグーグル「Gemini 」搭載で交渉中-関係者米アップルは、アルファベット傘下グーグルの生成AI(人工知能)サービス「ジェミニ( Gemini)」の「iPhone(アイフォ...
グランドシネマサンシャインのIMAXでマナー違反が起こると何故映画ファンがキレるのか
グランドシネマサンシャインのIMAXでマナー違反が起こると何故映画ファンがキレるのか最近、グランドシネマサンシャインの「デューン砂の惑星2」のIMAX上映でスマホを光らせたとか話し声がうるさいとかでX...
謎の死を遂げたボーイング内部告発者が生前「自分に何が起こってもそれは自殺ではない」と話していたことが判明
謎の死を遂げたボーイング内部告発者が生前「自分に何が起こってもそれは自殺ではない」と話していたことが判明アメリカの大手航空機メーカー・ボーイングの製造基準について内部告発したジョン・バーネット氏が遺体...
『Apex Legends』公式大会決勝にて「勝手にチート付与される」ハッキング騒動が発生し試合延期。前代未聞の状況で猛烈に慌てるプロ選手ら - AUTOMATON
『Apex Legends』公式大会決勝にて「勝手にチート付与される」ハッキング騒動が発生し試合延期。前代未聞の状況で猛烈に慌てるプロ選手ら - AUTOMATON『Apex Legends』の公式世...

count

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

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

【掃除の裏ワザ10選】電子レンジから風呂や網戸まで。換気扇フィルターもきれいにする方法
2024/03/17 05:00 ウェザーニュース年度末は、新生活に向けて引っ越しが多くなる時期です。進学、就職、職場の異動と、事情はさまざまですが、住み慣れた場所から離れる人が少なくありません。そん...
「おーぶじょほ」「じょんだ」この意味わかる…? 介護施設で働く外国人のため、“方言マニュアル”が作られた理由
【あわせて読みたい】8言語で「津波、今すぐ逃げて」必死の呼びかけ。阪神淡路大震災と東日本大震災を経験したキャスターの強い思い「じょんだごど」「おーぶじょほ」「け」。これらの言葉がどういう意味か、わかり...
LGBTQ当事者を「便利使い」しないために。杉咲花さんと若林佑真さんらが映画『52ヘルツのクジラたち』で挑んだ課題と希望
性的マイノリティを描いた作品が、マジョリティを感動させるための「便利使い」になっていないか――。この問いに、スタッフ・キャスト全員で向き合った作品がある。映画『52ヘルツのクジラたち』だ。中でも、主役...

img

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

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

デフォルト値:(空欄)

表示例

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

ゴードンミラーのキャンピングカーは快適な「動く書斎」だった
Image:株式会社オートバックスセブン1800万円のキャンピングカーが誕生しました。カー用品店の「オートバックスセブン」のガレージライフスタイルブランド「ゴードンミラー」がこの春発表した「GMLVA...
秋の発売に向けて。2種類のAirPods(第4世代)の生産がまもなく開始?
Image:Apple製品ラインナップが少しややこしくなるかも?今では街で見かけないことがないといってもいいApple(アップル)のAirPodsですが、今年は2種類の新型モデルが登場するとウワサされ...
ノートパソコン、充電つなぎっぱなしにしてる? 今すぐ抜いて
Image:shutterstockデスクに着いているときは、ノートパソコンを充電に繋いでおくべき。いつ移動になってもいいように、常にフルの状態をキープしておくべき。充電ケーブルはなるべく繋いでいた方...

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

ゴードンミラーのキャンピングカーは快適な「動く書斎」だった
Image:株式会社オートバックスセブン1800万円のキャンピングカーが誕生しました。カー用品店の「オートバックスセブン」のガレージライフスタイルブランド「ゴードンミラー」がこの春発表した「GMLVA...
秋の発売に向けて。2種類のAirPods(第4世代)の生産がまもなく開始?
Image:Apple製品ラインナップが少しややこしくなるかも?今では街で見かけないことがないといってもいいApple(アップル)のAirPodsですが、今年は2種類の新型モデルが登場するとウワサされ...
ノートパソコン、充電つなぎっぱなしにしてる? 今すぐ抜いて
Image:shutterstockデスクに着いているときは、ノートパソコンを充電に繋いでおくべき。いつ移動になってもいいように、常にフルの状態をキープしておくべき。充電ケーブルはなるべく繋いでいた方...

target

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

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

デフォルト値:_blank

表示例(target='_self')

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

コンビニの「温めておいしい」おにぎりは実際のところ温めておいしいのか?
どのコンビニエンスストアにも必ずある「おにぎり」の棚。 そのなかでも、今くらいの肌寒い時期に にわかに気になってくるのが「温めておいしい」おにぎりの存在だ……が、皆さまはこの種のおにぎりを食す際、きち...
【転職】「お前なんか他の会社で通用しない」の本当の意味について
3月は別れの季節。クソみたいな会社で働いているみなさんは、きっと転職が頭によぎる時期ではなかろうか。 まず、よく言われることだが「お前なんかどこ行っても通用しない」なんて、ただの呪いなので気にしなくて...
【エッセイ漫画】日々限界集落 427話目「重力無視」
漫画:うどん粉
【意外】台湾のコストコに行ってみた! ディナーロールよりも人気だったのが “アレ” でした
つい先日、ポケモンGOのイベントで台湾に行ってきました。過去に3回ほど台湾には行っているんですが、やっぱりいいですね、台湾。メシもウマいし、情緒ある街並みも最高でした。 さて、今回は台南に滞在していた...
【4コマ】魔王軍はホワイト企業 1202話目「魔王いない魔王城⑭」
漫画:スガラジカル

desc

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

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

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

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

水さえあれば永久に動き続ける「水飲み鳥」で発電するシステムが登場、わずか100mlの水で50時間稼働で最大100ボルトの電圧も
4億ドル相当のビットコインをエルサルバドルがコールドウォレットに移動
Amazonを狙った返金詐欺により数千億円規模の損害が発生しているとの報道、TikTokやReddit上で詐欺グループがメンバーを募る事態に

date

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

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

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

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

水さえあれば永久に動き続ける「水飲み鳥」で発電するシステムが登場、わずか100mlの水で50時間稼働で最大100ボルトの電圧も
by Frank Vincentz 水で満たしたコップを置いておくと、内部の液体の動きで半永久的に頭をゆらしつづけるおもちゃが「水飲み鳥」です。南華工科大学の研究チームが、この水飲み鳥を使って小型電子...
4億ドル相当のビットコインをエルサルバドルがコールドウォレットに移動
世界初の「ビットコインを法定通貨とする」法律を作った中央アメリカ・エルサルバドルで、約5700BTCのコールドウォレットへの移動をナジブ・ブケレ大統領が発表しました。資産は換算すると4億ドル(約596...
Amazonを狙った返金詐欺により数千億円規模の損害が発生しているとの報道、TikTokやReddit上で詐欺グループがメンバーを募る事態に
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をコピーしました