特典機能について

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

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

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

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

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

[PR]
【ロリポップ】Cocoonが自動でセットアップ!

記事作成から報酬を得るまでの一連の流れを体験

ショートコードの書き方

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

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

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

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

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

YouTubeで「感電死亡事故を引き起こす危険なライフハック動画」を非難する投稿が公開停止されてしまう
YouTubeやTikTokなどのムービー投稿サイトでは日常で役立つテクニックをまとめたライフハック紹介ムービーが高い人気を得ていますが、紹介ムービーの中には火災や死亡事故につながる危険な行為を収録したものも存在して…
GitHubの利用をやめるようオープンソースソフトウェア非営利団体が強く呼びかけ
オープンソースソフトウェアコミュニティのために活動している非営利団体・Software Freedom Conservancyが、「GitHub」の利用をやめて他プラットフォームへの移行支援を行う長期計画を発表しまし…
ウイルスが宿主の体臭を「蚊を引きつける臭い」に変えて蚊に刺されやすくしていることが判明
蚊は刺された部位にかゆみを引き起こすだけでなく、マラリアやデング熱、ジカ熱といったさまざまな病気を媒介しており、世界中で年間100万人以上が蚊が媒介する病気の影響で死亡しているとされています。「最も多くの人間を殺した…
ガツンと来るニンニクとラー油がそばの概念を覆すエースコック「熱烈スパルタン 刻みニンニク入り 濃辛 太そば」レビュー
2022年7月11日(月)にエースコックから、「熱烈スパルタン 刻みニンニク入り 濃辛 太そば」が登場します。ラー油や唐辛子を利かせた濃厚な和風スープに新開発の「刻みニンニクパック」を入れて食べる一品は、香り豊かでか…
90%の精度で1週間後の犯罪発生確率を予測するというモデルが登場
暴力犯と財産犯に関する公的に入手可能なデータから時間と場所のパターンを学習し、1週間後の犯罪発生確率を90%の精度で予測するというモデルを、シカゴ大学の研究者らが開発しました。 続きを読む...…

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

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

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

表示例

YouTubeで「感電死亡事故を引き起こす危険なライフハック動画」を非難する投稿が公開停止されてしまう
YouTubeやTikTokなどのムービー投稿サイトでは日常で役立つテクニックをまとめたライフハック紹介ムービーが高い人気を得ていますが、紹介ムービーの中には火災や死亡事故につながる危険な行為を収録したものも存在して…
GitHubの利用をやめるようオープンソースソフトウェア非営利団体が強く呼びかけ
オープンソースソフトウェアコミュニティのために活動している非営利団体・Software Freedom Conservancyが、「GitHub」の利用をやめて他プラットフォームへの移行支援を行う長期計画を発表しまし…
ウイルスが宿主の体臭を「蚊を引きつける臭い」に変えて蚊に刺されやすくしていることが判明
蚊は刺された部位にかゆみを引き起こすだけでなく、マラリアやデング熱、ジカ熱といったさまざまな病気を媒介しており、世界中で年間100万人以上が蚊が媒介する病気の影響で死亡しているとされています。「最も多くの人間を殺した…

オプションの説明

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

url

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

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

デフォルト値:(空欄)

表示例

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

メタップスペイメント不正アクセス事件の第三者報告書から攻撃の模様を読み解く
メタップスペイメント不正アクセス事件の第三者報告書から攻撃の模様を読み解く株式会社メタップスペイメントの運営する決済代行システムから約288万件のクレジットカード情報が漏洩した不正アクセス事件について、第三者委員会の報…
「同性愛とか色んなことで可哀想だと言って…」自民比例・井上義行候補の発言に波紋
「同性愛とか色んなことで可哀想だと言って…」自民比例・井上義行候補の発言に波紋出陣式での井上義行氏の発言。識者は「同性愛者や、様々な理由で子どものいない世帯を少子化のスケープゴートにしているとも受け取られかねない発言」…
IEのサポートが終了した現在、古いCSSリセットからもう卒業! 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css
IEのサポートが終了した現在、古いCSSリセットからもう卒業! 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css*{margin:0;padding:0;line-he…
スマホでゲームしてるとひどい広告がいっぱい流れてくる 首吊り死体のイラ..
スマホでゲームしてるとひどい広告がいっぱい流れてくる 首吊り死体のイラ..スマホでゲームしてるとひどい広告がいっぱい流れてくる 首吊り死体のイラストが表示されて「自殺の証拠をクリック!」とか 蟻がモゾモゾしてるイモムシ…
母親が毎月ヒーヒー言いながらから作成してたシフト表(30人分)を、Pythonで自動作成するプログラム書いてあげた→「売れそう」「うちの子になって」
母親が毎月ヒーヒー言いながらから作成してたシフト表(30人分)を、Pythonで自動作成するプログラム書いてあげた→「売れそう」「うちの子になって」morio @mondragon723 母親が毎月ヒーヒー言いながらか…

count

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

入力例:count=3

入力例:count=10

デフォルト値:5

表示例

台風4号、今後の進路と天気は? 5日には九州に上陸するおそれ、東日本でも大雨に注意【台風情報】
台風4号の予想進路図(7月4日9時時点)台風4号(アイレー)が東シナ海を北上し、7月5日には九州に上陸するおそれがある。気象庁は、西日本では6日にかけて土砂災害や低い土地の浸水、河川の増水や氾濫に警戒するよう呼びかけてい…
ガラス瓶のポカリスエットが「かわいすぎ」。容器を返却すると代金の一部が戻ってくる、方法は?
ポカリスエット リタ―ナル瓶 250ml大塚製薬株式会社は7月12日から「ポカリスエット リターナブル瓶 250ml」を販売する。「イオン」と「イオンスタイル」で販売され、店頭の専用返却ボックスを利用して使用済み容器を回…
ブルーベリーガムの香り「想像でつくった」。ロッテ定番商品の開発秘話に衝撃が広がる
「歯につきにくいブルーベリーガム」「ブルーベリーに香りがあったらどんな香りだろう」1982年の発売当初からロングセラーとして愛されてきたロッテのブルーベリーガム。ブルーベリーの華やかな香りは、実は開発者が想像してつくった…

img

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

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

デフォルト値:(空欄)

表示例

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

暑さで線路がゆがんで電車が脱線。サンフランシスコ郊外が暑すぎる
サンフランシスコでは気温が38度を超える暑さで線路が歪み脱線事故発生。…
ザ・昭和! ポカリスエットにリターナブル瓶が誕生。使い捨て文化を捨てるきっかけになるか?
ポカリスエットに250mlリターナブル瓶が誕生。脱ペットボトルの流れ。…
強いPCが一歩を踏み出させる。映像作家・西郡勲が語る、スペックとクリエイターの未来
Photo:KosumoHashimoto創作は何をやってもいい。そのすべてが糧になるから。映像作家の西郡勲(にしごおりいさお)さんは、90年代初頭にコンピューターを使ったCG制作に取り組んだクリエイターの一人。数々のM…

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

暑さで線路がゆがんで電車が脱線。サンフランシスコ郊外が暑すぎる
サンフランシスコでは気温が38度を超える暑さで線路が歪み脱線事故発生。…
ザ・昭和! ポカリスエットにリターナブル瓶が誕生。使い捨て文化を捨てるきっかけになるか?
ポカリスエットに250mlリターナブル瓶が誕生。脱ペットボトルの流れ。…
強いPCが一歩を踏み出させる。映像作家・西郡勲が語る、スペックとクリエイターの未来
Photo:KosumoHashimoto創作は何をやってもいい。そのすべてが糧になるから。映像作家の西郡勲(にしごおりいさお)さんは、90年代初頭にコンピューターを使ったCG制作に取り組んだクリエイターの一人。数々のM…

target

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

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

デフォルト値:_blank

表示例(target='_self')

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

【どうした?】かつやの新商品『シビ辛麻婆チキンカツ』を熱狂的かつやファンが食べたら〇〇すぎて心配になった
ほぼ月イチのペースで発売される「かつや」の新商品は、我々 “かつや者” にとって最大の関心事の一つである。次は一体どんな頭の悪いメニューが飛び出すのか? ワクワクしながら情報解禁を待っているのは私(あひるねこ)だけではあ…
【引退覚悟】グルメライター格付けチェック『餃子編』:第12回 →「銀座アスター」vs「ダンダダン」
人生には「絶対に負けられない戦い」に挑まねばならないときがある。例えば「グルメライター格付けチェック シーズン2」の第12回『餃子編』は、当サイトのGO羽鳥、そして原田たかしにとっては「絶対に負けられない戦い」であろう。…
【痩せない豚はただの豚】ダイエットしてる身だけど夏を感じたいので紀文「糖質0g麺 冷やし中華風」を食べたらズッコケた
遅かったか……。そう思ったダイエッターは多いことだろう。なにしろ日本列島は例年より早い梅雨明け宣言。各地で6月最高気温を更新したことでも分かるように、早くも夏本番と言ってもいい状態に突入してしまったからである。 水不足に…
タイレストラン『スクンビットソイ55』のビュッフェ付きランチが「設定ミスか?」と思うほどお得だった! 東京・西新宿
最近気づいたんだけど、ビジネス街には超コスパのお店が存在するようだ。とくに企業がいっぱい入っている高層ビルの飲食フロアに、めっちゃお得なお店があったりする。 今回紹介するタイ料理店「スクンビットソイ55」もそんな驚きを秘…
【米アマゾンで爆売れ】熱々のドリンクを注ぐと衝撃のサプライズが起こるマグカップがこちら / 口コミは「これほど早く購入の決断をしたことはありません」など
アメリカのAmazonでマグカップを買った。一見するとただの黒いマグカップなのだが……約1900件のレビューが集まっていて、評価は脅威の4.6(2022年6月30日時点)。というのも、こちら “驚きと喜びを与えてくれるマ…

desc

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

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

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

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

YouTubeで「感電死亡事故を引き起こす危険なライフハック動画」を非難する投稿が公開停止されてしまう
GitHubの利用をやめるようオープンソースソフトウェア非営利団体が強く呼びかけ
ウイルスが宿主の体臭を「蚊を引きつける臭い」に変えて蚊に刺されやすくしていることが判明

date

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

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

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

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

YouTubeで「感電死亡事故を引き起こす危険なライフハック動画」を非難する投稿が公開停止されてしまう
YouTubeやTikTokなどのムービー投稿サイトでは日常で役立つテクニックをまとめたライフハック紹介ムービーが高い人気を得ていますが、紹介ムービーの中には火災や死亡事故につながる危険な行為を収録したものも存在して…
GitHubの利用をやめるようオープンソースソフトウェア非営利団体が強く呼びかけ
オープンソースソフトウェアコミュニティのために活動している非営利団体・Software Freedom Conservancyが、「GitHub」の利用をやめて他プラットフォームへの移行支援を行う長期計画を発表しまし…
ウイルスが宿主の体臭を「蚊を引きつける臭い」に変えて蚊に刺されやすくしていることが判明
蚊は刺された部位にかゆみを引き起こすだけでなく、マラリアやデング熱、ジカ熱といったさまざまな病気を媒介しており、世界中で年間100万人以上が蚊が媒介する病気の影響で死亡しているとされています。「最も多くの人間を殺した…

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)

ショートコード
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひら

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

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ重視ランキング)

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

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

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

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

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

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

サービス運営期間:18年

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

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

サービス運営期間:3年

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

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

サービス運営期間:5年

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

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

サービス運営期間:6年

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