メインコンテンツにスキップ

noteの最新記事をRSS連携で表示させる

StudioのRSS連携機能を使用し、noteの最新記事をサイトに表示する手順を解説します。

一週間前以上前にアップデートされました

RSS連携と設定手順

StudioのRSS連携機能を使い、noteなどの外部サービスの記事リストをStudioで作成したサイトに表示することができます。

1. RSSを取得する

noteへアクセスし、3点メニューをクリックし[RSS]を選択します。 詳細は、 iframe、RSSで、自分のサイトにnoteを表示する – noteヘルプセンターをご覧ださい。

スクリーンショット:RSS URLを取得する様子。

2. URLをコピーする

この画面でページのURLをコピーします。

スクリーンショット:RSS URLをコピーする様子。

3. StudioにRSS URLを追加

  1. エディタ画面左のナビゲーションから、[接続]アイコンを選択します。

  2. [RSS]タブを選択します。

  3. [新規RSSを追加]をクリックし、表示されたRSSリンク入力欄に取得したRSS URLを入力して[OK]をクリックします。

  4. 追加したRSSのサンプルボックスが左側のRSSメニューに表示されます。

  5. 追加したRSSのボックスをページにドラッグ&ドロップで配置します。

    カードの表示数やテキスト、画像などのデータ紐付け方法は、RSS連携をご覧ください。


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