現在「SILK」スキンを適用中です。

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

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

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

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

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

ショートコードの書き方

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

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

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

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

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

一般常識に詳しい人の脳は回路が効率化されているかもしれない
認知能力は人によって大きく異なり、中には「雑学王」と呼ばれるほどに一般常識を詳しく知っている人がいます。研究により、こうした人の脳は回路が効率化されているかもしれないことが示唆されています。 続きを読む..…
ウェブサイトのパフォーマンスを劇的に改善した詳細な方法が公開中
ウェブサイトのユーザー体験を表す指標「コアウェブバイタル」がGoogleの検索結果ランキングに反映されることから、ウェブサイトは内容の充実とともにパフォーマンスもますます重視されるようになっています。ウェブ関連の情報…
「Firefox 85」正式版リリース、ユーザーの追跡防止のためスーパークッキー対策がさらに強化
ウェブブラウザ「Firefox 85」の正式版が公開されました。プライバシー機能がアップデートされたほか、ブックマークバーが使いやすくなるアップデートが行われています。 続きを読む...…
意見が対立する相手を説得するには「事実」ではなく「経験に基づくエピソード」が重要という研究結果
心理学実験の結果、人は自分と反対の意見を相手が論じている時、相手が正確な事実を述べている時よりも、相手が自分のエピソードを交えて経験を語っている時の方が相手を尊重するようになるという研究結果が報告されています。 …
若い頃の自分の写真を浮気相手と間違えた女性が夫をうっかりナイフで刺殺しかける
若くてスリムな女性との浮気写真を発見した女性が夫を刺し殺そうとする事件が発生しました。問題の浮気相手は実際には「若かった頃の女性自身」でしたが、取り押さえられるまで女性が気づくことはありませんでした。 続き…
スポンサーリンク

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

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

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

表示例

一般常識に詳しい人の脳は回路が効率化されているかもしれない
認知能力は人によって大きく異なり、中には「雑学王」と呼ばれるほどに一般常識を詳しく知っている人がいます。研究により、こうした人の脳は回路が効率化されているかもしれないことが示唆されています。 続きを読む..…
ウェブサイトのパフォーマンスを劇的に改善した詳細な方法が公開中
ウェブサイトのユーザー体験を表す指標「コアウェブバイタル」がGoogleの検索結果ランキングに反映されることから、ウェブサイトは内容の充実とともにパフォーマンスもますます重視されるようになっています。ウェブ関連の情報…
「Firefox 85」正式版リリース、ユーザーの追跡防止のためスーパークッキー対策がさらに強化
ウェブブラウザ「Firefox 85」の正式版が公開されました。プライバシー機能がアップデートされたほか、ブックマークバーが使いやすくなるアップデートが行われています。 続きを読む...…

オプションの説明

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

url

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

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

デフォルト値:(空欄)

表示例

サムネイルは取得するRSSフィードに依存します。画像のアスペクト比などは変更できません。

東名あおり運転デマ投稿、強制起訴の被告が死亡 - 毎日新聞
東名あおり運転デマ投稿、強制起訴の被告が死亡 - 毎日新聞 …
おれんと@まんどら on Twitter: "一番発信したいのはここからです。 そもそも、どういう事情で濃厚接触者指定を受けたか。"
おれんと@まんどら on Twitter: "一番発信したいのはここからです。 そもそも、どういう事情で濃厚接触者指定を受けたか。"一番発信したいのはここからです。 そもそも、どういう事情で濃厚接触…
キンコン西野さん「高圧的なエンタメをしてませんか?」に対する大悟さんの返しが正論すぎると話題に #テッパンいただきます - Togetter
キンコン西野さん「高圧的なエンタメをしてませんか?」に対する大悟さんの返しが正論すぎると話題に #テッパンいただきます - Togetter毎週火曜10時🌸🐤華丸大吉&千鳥のテッパンいただきます! @teppa…
20万円超えのプロ向け5Gスマホ「Xperia PRO」。スマホ初のHDMI入力装備 - PC Watch
20万円超えのプロ向け5Gスマホ「Xperia PRO」。スマホ初のHDMI入力装備 - PC Watch …
町山智浩 on Twitter: "「映画秘宝が廃刊されるのでは、といった声も。今後について、双葉社の担当者は日刊スポーツの取材に『お答えできません』とコメント」 今、瀬戸際です。映画秘宝継続を望んでくれる皆様、絶対に被害者の女性への誹謗中傷などないよう本当に本当… https://t.co/Es4RWUEtho"
町山智浩 on Twitter: "「映画秘宝が廃刊されるのでは、といった声も。今後について、双葉社の担当者は日刊スポーツの取材に『お答えできません』とコメント」 今、瀬戸際です。映画秘宝継続を望んでくれる皆…

count

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

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

温室効果ガス「2050年までにゼロ」 達成可能と答えた企業は15.8%(調査結果)
政府が掲げる「2050年までに温室効果ガス実質ゼロ」について、「達成可能」と考える企業は15.8%に過ぎず、6割の企業が悲観的な見方をしている――。そんな調査結果が公表された。「50年実質ゼロ」は菅政権の看板政策だが、企…
嵐が後輩たちに残したもの。SixTONESとSnow Manの行方
<div class="content-list-component......クリックして全文を読む…
産後うつのリスク増えるコロナ禍。「手を上げそう」と追い詰められる女性をオンラインで救う助産師たち
コロナ禍で増えている産後うつのリスク。新型コロナへの感染に怯えるだけでなく、2020年から子育て支援の場の閉鎖、両親学級の中止などが相次いだ中で、妊産婦たちは追い詰められた。「子どもに手をあげそう」「一緒に飛び降りようか…

img

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

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

デフォルト値:(空欄)

表示例

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

遠く離れたあの人に僕の気持ちを届けたい。そんなロマンチックなリストバンド、あります
「Moodbeam One」は、ボタンが2つだけのウェアラブルデバイス。黄色いボタンが「幸せ」、青いボタンが「そうでもない」という感じで、今の感情をシンプルに遠く離れた相手に伝えることができます。…
約5000万画素、8K30p、30コマ/秒のAF/AE追随連写。最新最強の「α1」、3月19日に降臨
誰も見たことがないαこと、「α1」が発表されました。エクステリアのルックスはα7ゆずりの見慣れたものですが、内に秘めたスペック、ポテンシャルはミラーレス界最強の1台といっていいものです。…
5000万画素、連写番長、しかも8K30fpsに対応。ソニー、未来を切り開く超性能カメラ「α1」を発表【更新終了】
Image:ソニーミラーレスはまだまだ進化する、その証明。ソニーが新型フルサイズミラーレス「α1」を発表しました。「TheOneneverseen」という謳い文句に違わぬ、極めて高性能なカメラで、これまでのフラッグシップ…

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

遠く離れたあの人に僕の気持ちを届けたい。そんなロマンチックなリストバンド、あります
「Moodbeam One」は、ボタンが2つだけのウェアラブルデバイス。黄色いボタンが「幸せ」、青いボタンが「そうでもない」という感じで、今の感情をシンプルに遠く離れた相手に伝えることができます。…
約5000万画素、8K30p、30コマ/秒のAF/AE追随連写。最新最強の「α1」、3月19日に降臨
誰も見たことがないαこと、「α1」が発表されました。エクステリアのルックスはα7ゆずりの見慣れたものですが、内に秘めたスペック、ポテンシャルはミラーレス界最強の1台といっていいものです。…
5000万画素、連写番長、しかも8K30fpsに対応。ソニー、未来を切り開く超性能カメラ「α1」を発表【更新終了】
Image:ソニーミラーレスはまだまだ進化する、その証明。ソニーが新型フルサイズミラーレス「α1」を発表しました。「TheOneneverseen」という謳い文句に違わぬ、極めて高性能なカメラで、これまでのフラッグシップ…

target

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

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

デフォルト値:_blank

表示例(target=’_self’)

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

【エナドリ検証】『がぶ飲み エックスフリーダムエナジー』は本当にがぶ飲みしていいのか? 実際にがぶ飲みして確かめてみた
エンナァジイイイィィィッッ! みんなエナってるか? 久しぶりだな。エナジードリンクをこよなく愛する男、エナジーマンだ!! この前エナジー散歩をしていたら初めて見るエナドリに出くわしてさ、どーしようかな……と思いつつ結局ス…
【太客】全力でつくせ! 柔軟に対応する接客スタッフ! 四コマサボタージュR第30回「全部Lで…」
ファストフードって、頻繁に期間限定メニューとか新商品を出してくるよね。しかもどれも美味しそうなモノばかりだし。全然商品のアイディアが枯れないの見てると感心しちゃうわ。 漫画:ザックKT-4…
【ポケモンGO検証】グラードンとカイオーガを140戦ガチった結果 / アメXLはいくつ落ちたのか?
やあ、ポケモンGOトレーナーのみんな! 色違いミルタンクを追いかけまくってるかな? 今回ばかりはお兄さんも絶対に色違いミルタンクをゲットするつもりさ。とりあえず「きのみを7回使う」のタスクを全力でこなしていくよ!! カモ…
銀座コージーコーナーに「ガーナチョコ」を使ったパフェが登場! しかし私が頼むのに一瞬ためらった訳……
もうすぐ2月、「バレンタインデー」が近づいている。この頃になると、チョコレート商品が続々と登場し、製菓メーカーと飲食店のコラボレーションが盛んになってくる。とくにロッテの「ガーナミルクチョコレート」は業態を問わず、いろい…
【号泣】ドラえもんの去り際ジオラマ…雑誌『のび太くん』がエモすぎる! 価格に秘められた謎を知って震えた
1970年、小学館の学年別雑誌で連載をスタートした『ドラえもん』。2020年は登場50周年の「ドラえもんイヤー」としてさまざまな企画が行われたことも記憶に新しい。その余韻、まだまだ続いているぞ。 昨年末に発行されたドラえ…

desc

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

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

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

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

一般常識に詳しい人の脳は回路が効率化されているかもしれない
ウェブサイトのパフォーマンスを劇的に改善した詳細な方法が公開中
「Firefox 85」正式版リリース、ユーザーの追跡防止のためスーパークッキー対策がさらに強化

date

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

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

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

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

一般常識に詳しい人の脳は回路が効率化されているかもしれない
認知能力は人によって大きく異なり、中には「雑学王」と呼ばれるほどに一般常識を詳しく知っている人がいます。研究により、こうした人の脳は回路が効率化されているかもしれないことが示唆されています。 続きを読む..…
ウェブサイトのパフォーマンスを劇的に改善した詳細な方法が公開中
ウェブサイトのユーザー体験を表す指標「コアウェブバイタル」がGoogleの検索結果ランキングに反映されることから、ウェブサイトは内容の充実とともにパフォーマンスもますます重視されるようになっています。ウェブ関連の情報…
「Firefox 85」正式版リリース、ユーザーの追跡防止のためスーパークッキー対策がさらに強化
ウェブブラウザ「Firefox 85」の正式版が公開されました。プライバシー機能がアップデートされたほか、ブックマークバーが使いやすくなるアップデートが行われています。 続きを読む...…

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)

ショートコード
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年6ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年4ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon

コメント テーマの質問はフォーラムへ

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