RSS連携

note など外部記事のフィードを配置する

Saika avatar
対応者:Saika
一週間前以上前にアップデートされました

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

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

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

関連記事

RSS URLの取得と新規追加

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

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

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

プロパティ(変数データ)の紐付け

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

フィルタの活用

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

サンプルボックスの更新

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

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

RSSデータの切り替え

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

アメブロ

こちらの回答で解決しましたか?