自分のサイトに最新の投稿を表示し、手動で更新せずに内容を新しく保ちたいですか？ Feederウィジェットを使えば、どのウェブサイトにもライブフィードを埋め込めます。新しい投稿が追加されると、自動で更新されます。ウィジェットを一度作成し、コードを貼り付けるだけで完了です。
WordPress、Squarespace、Wix、Webflowから、HTMLを直接記述したページまで、少量のHTMLを追加できる場所ならどこでも使えます。
必要なもの
ウィジェットはFeederの公開ツールの一つで、有料プランで利用できます。無料プランの場合、ウィジェット作成画面を開くとアップグレードの案内が表示されます。
手順1：ウィジェットを作成する
- Feederを開き、公開タブからウィジェットを選択します。直接開く場合はこちら：feeder.co/settings/publish/widgets。
- ウィジェットを作成し、表示するフィードを選びます。
- テーマ、色、フォント、幅、高さ、表示する投稿数を設定します。プレビューはリアルタイムで更新されるため、訪問者に表示される内容をその場で確認できます。
- ウィジェットを保存します。
手順2：埋め込みコードをコピーする
作成画面では、ウィジェットIDが入力済みの埋め込み方法が3種類表示されます。サイトに合った方法を選んでください。
iframe（ほとんどの環境で利用可能）
カスタムスクリプトを使わないため、WordPressや多くのサイト作成ツールで最も安全な方法です。
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
scriptタグ
フィードをページ上に直接表示します。サイトでカスタムスクリプトが許可されていて、フィードをページのレイアウトに自然になじませたい場合に使います。
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
通常のURL
埋め込み用リンクの入力を求められるツールで便利です。
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
WordPressにウィジェットを追加する
WordPressではプラグインは必要ありません。ブロックまたはウィジェットエリアに埋め込みコードを貼り付けるだけです。WordPressではセキュリティ上の理由からカスタムスクリプトが削除されることが多いため、iframe版をおすすめします。
固定ページまたは投稿に追加する（ブロックエディター）
- フィードを表示したい固定ページまたは投稿を編集します。
- ブロックを追加し、カスタムHTMLを選びます。
- 手順2でコピーしたiframeコードを貼り付けます。
- プレビューを確認するか、公開します。ブロックを配置した場所にフィードが表示されます。
サイドバーまたはフッターに追加する
- 外観 > ウィジェット（または外観 > カスタマイズ > ウィジェット）を開きます。
- 表示したいエリアにカスタムHTMLウィジェットを追加します。
- iframeコードを貼り付けて保存します。
クラシックエディターを使う場合
ビジュアルタブからテキストタブに切り替え、フィードを表示したい場所にiframeコードを貼り付けます。
WordPress.comをお使いですか？カスタムHTMLの埋め込みには、ビジネスプラン以上が必要です。自分でホスティングするWordPress（WordPress.org）では、管理者であれば上記の手順でコードを追加できます。
その他のサイト作成ツール
- Squarespace、Wix、Webflowなど：「埋め込み」または「カスタムHTML」ブロックを追加し、iframeコードを貼り付けます。
- HTMLを直接記述したサイト：iframeまたはscriptタグをHTMLに直接貼り付けます。
ヒントとトラブルシューティング
- サイズを変更する：埋め込みコードの幅と高さを変更するか、コピーする前に作成画面で調整します。
- 何も表示されない場合：サイト側でスクリプトが削除されている可能性があります。より多くの環境で使えるiframe版に切り替えてください。
- 常に最新の状態に保つ：ウィジェットはFeederのフィードから直接読み込むため、新しい投稿は自動で表示されます。コードを貼り直す必要はありません。
設定でお困りの場合やサポートが必要な場合は、いつでもsupport@feeder.coまでご連絡ください。👋