如何用 Feeder 小工具在网站上嵌入实时订阅源（适用于 WordPress 等平台）

想在自己的网站上展示最新文章，并且无需手动更新？Feeder 小工具可以在任何网站上显示实时订阅源，有新文章时会自动刷新。只需创建一次小工具，再插入一段代码即可。

只要网站支持添加少量 HTML，就可以使用此小工具，包括 WordPress、Squarespace、Wix、Webflow 和手工编写的网页。

准备事项

小工具属于 Feeder 的发布工具，付费 Feeder 套餐可用。免费套餐用户打开小工具创建器时，会看到升级选项。

第 1 步：创建小工具

1. 打开 Feeder，进入发布标签页，然后选择小工具。直达链接：feeder.co/settings/publish/widgets。
2. 创建小工具，并选择要显示的订阅源。
3. 设置外观，包括主题、颜色、字体、宽度、高度，以及要显示的文章数量。预览会实时更新，因此访客看到的内容与你看到的预览完全一致。
4. 保存小工具。

第 2 步：复制嵌入代码

创建器提供三种嵌入方式，每种方式都会自动填入你的小工具 ID。请选择适合你网站的方式。

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 无需安装插件。只需将嵌入代码粘贴到区块或小工具区域即可。我们建议使用iframe版本，因为 WordPress 通常会出于安全考虑移除自定义脚本。

在页面或文章中（区块编辑器）

1. 编辑要显示订阅源的页面或文章。
2. 添加区块，然后选择自定义 HTML。
3. 粘贴第 2 步中的 iframe 代码。
4. 预览或发布。订阅源会显示在你放置区块的位置。

在侧边栏或页脚中

1. 前往外观 > 小工具（或外观 > 自定义 > 小工具）。
2. 在所需区域添加一个自定义 HTML小工具。
3. 粘贴 iframe 代码并保存。

使用经典编辑器

从可视化标签页切换到文本标签页，然后在要显示订阅源的位置粘贴 iframe 代码。

使用 WordPress.com？自定义 HTML 嵌入需要 Business 套餐或更高级别的套餐。在自行托管的 WordPress（WordPress.org）上，任何管理员都可以按照上述步骤添加代码。

其他网站构建工具

• Squarespace、Wix、Webflow 等：添加嵌入或自定义 HTML 区块，然后粘贴 iframe 代码。
• 手工编写的网站：将 iframe 或 Script 标签直接粘贴到 HTML 中。

提示与故障排查

• 调整尺寸：修改嵌入代码中的宽度和高度，或者在复制代码前于创建器中调整。
• 没有显示内容？你的网站可能会移除脚本。请改用 iframe 版本，它适用于更多场景。
• 内容始终保持最新：小工具会直接读取 Feeder 订阅源，因此有新文章时会自动显示。无需重新粘贴代码。

遇到问题，或需要帮助进行设置？随时通过 support@feeder.co 联系我们。👋