RSS埋め込みボックスを使えば、外部サービスの記事リストをStudioで作成したサイトに表示することが可能です。

一度RSSをプロジェクトに追加し、RSS埋め込みボックスをページに設置すると、外部サービス側での更新内容がStudioサイト上のリストにも反映されます。埋め込んだボックスのアイテム表示数やデザインは自由にカスタマイズいただけます。

※RSS URLにはタイトルや要約などの情報が含まれています。ただし、これら情報は出力元やサービスによって様々です。RSS URLに含まれていない情報はStudio側で表示ができません。出力情報詳細に関しては、RSS URLを取得したサービスへお問い合わせください。

関連記事

noteのRSS設置方法

外部サービスやRSS取得サービスを使い、記事リスト（ユーザー・マガジン等）のRSSリンクを取得します。次にStudioエディタ左側の追加パネルからRSSメニュー内の「新規RSSを追加」をクリックします。

RSSリンク入力欄が表示されるので、取得したリンクを入力し「OK」をクリックします。

エディタ左側のRSSメニューに追加したRSSのサンプルボックスが表示されます。それをページに配置します。

配置したRSS埋め込みボックスには、デフォルトでカバー画像や記事タイトルなどが表示されています。これらはRSSから取得できるデータをプロパティとして要素ごとに紐付けられ、表示されています。データは、RSSの持っているデータの中から自由に変更が可能です。

表示するデータに対してフィルタを設定すると、日付のフォーマットや表示する文字数を指定するなど調整が可能です。詳しくは、プロパティの文字列フィルタをご覧ください。

公開サイトではRSSボックスは都度最新の状態を読み込んで表示します。

ただし、エディタやライブプレビューで確認できるサンプルボックスの表示内容の更新には手動での操作が必要です。追加パネル RSSメニューにて、更新ボタンをクリックします。

RSSは最大３件登録でき、レイヤーパネル上で登録しているRSSの切り替えができます。

アメブロ