如何在 WordPress 中显示最近的推文(一步一步)

您想在 WordPress 中显示您最近的推文吗?将 Twitter 与您的 WordPress 网站集成有助于提高用户参与度。

您的博客访问者可以轻松发现有助于您在 Twitter 上获得新关注者的推文。另一方面,您的 Twitter 关注者会发现更多您的内容,从而增加您网站的访问量。

在本文中,我们将向您展示如何在 WordPress 中显示最近的推文。

如何在 WordPress 中显示最近的推文(一步一步)

为什么在 WordPress 中显示最近的推文

Twitter是最受欢迎的社交媒体平台之一。通过在您的 WordPress 网站上显示最近的推文,您可以提高社交参与度。

它有助于让访问者留在您的网站上并根据他们的兴趣显示推文。人们无需离开网站即可点赞、评论和转发最近的推文。

WPBeginner 自定义 Twitter 订阅源

显示最近推文的另一个好处是它们可以提高转化率。您可以将它们用作社交证明来展示正面评价或人们在 Twitter 提要中推荐您的产品,从而在购买时帮助建立与客户的信任。

粉碎气球 Twitter 客户评论

此外,Twitter 提要还有助于改善您的搜索引擎优化 (SEO)。它通过在您的网站上定期添加新的和更新的内容来使您的博客文章保持新鲜。

话虽如此,让我们看看如何使用 Twitter 提要在 WordPress 中添加最近的推文。由于这是一个综合指南,我们添加了一个目录供您轻松跳过部分:

显示最近的推文 + 自定义 Twitter 供稿布局(推荐)

在 WordPress 侧边栏中手动添加最近的推文

使用 Twitter Publish 嵌入最近的推文

在 WordPress 中手动显示选择性推文

视频教程

订阅 WPBeginner

如果您更喜欢书面说明,请继续阅读。

方法 1:使用 Twitter Feed 插件添加最近的推文

这是在博客文章或 WordPress 网站上的任何位置添加最新推文的最简单方法。WordPress的Twitter 插件提供了许多自定义选项和灵活性。

您首先需要安装并激活Smash Balloon Custom Twitter Feeds Pro。您可以按照我们关于如何安装 WordPress 插件的分步指南开始操作。

Smash Balloon Custom Twitter Feed Pro 有助于创建不同类型的精美 Twitter 订阅源。您可以根据主题标签、搜索词、提及、时间线等显示推文。

该插件还使添加多个提要、显示评论、点赞和转发选项以及更改 Twitter 提要的样式和布局变得非常容易。

这是一个高级插件,价格从每年 49 美元起。您还可以获得他们的高级捆绑包,以创建所有社交源的社交墙。还有一个免费版本的自定义 Twitter 订阅源,功能有限。

在本教程中,我们将使用插件的高级版本。

插件激活后,您需要在插件中输入许可证密钥。许可证密钥可以在下载选项卡下的 Smash Balloon 帐户区域中找到。找到它后,您需要复制密钥。

粉碎气球许可证密钥

接下来,转到您的WordPress 网站并导航到Twitter Feeds » License并粘贴密钥。之后,您需要单击“激活许可证”按钮。

输入许可证密钥

您应该会看到状态从非活动变为活动。还有一个选项可以通过单击“测试连接”按钮来测试与 Smash Balloon 的连接。现在单击“保存更改”按钮继续。

接下来,您需要从 Twitter 获取访问令牌和密钥来设置插件。

为此,请转到 Twitter 订阅源并选择配置选项卡。然后单击“登录 Twitter 并获取我的访问令牌和密码”按钮。

获取访问令牌和秘密

之后,您必须登录您的 Twitter 帐户并单击“授权应用程序”按钮以​​允许 Smash Balloon 访问您的推文。

授权 Smash Balloon Twitter 订阅源访问

这将自动发回访问令牌和访问令牌秘密。单击“保存更改”按钮以保存您的设置。

下一步是决定要在 Twitter 提要中显示哪种类型的推文。Smash Balloon Custom Twitter Feeds Pro 提供多种供稿类型供您选择。

您可以选择用户时间线选项并输入 Twitter 用户屏幕名称以显示推文。还有一个选项可以在您的提要中包含回复和转发。

除此之外,其他提要类型包括显示基于不同主题标签的推文、提及或短语等搜索词、主页时间线、提及时间线和列表。

之后,您可以设置要显示的推文数量,配置检查新推文的时间,以及选择在删除插件时是否保留设置。

粉碎气球饲料设置

接下来,您需要转到“自定义”选项卡。在这里,您可以编辑 Twitter 提要的宽度和高度、添加自定义 CSS 类以及禁用灯箱。

该插件还为 Twitter 提要提供 3 种不同的布局。您可以从列表布局、旋转木马或砖石结构中进行选择。每个布局都有更多的自定义选项,例如在桌面和移动设备上显示的列数。

Smash Balloon 自定义 Twitter 订阅源 自定义选项

现在向下滚动并选择要在推文中显示或隐藏的元素。例如,可以选择包含转推文本、头像图像、日期、Twitter 徽标、作者姓名等。

其他自定义选项包括显示标题、“加载更多”按钮、媒体布局选项和自动滚动加载更多设置。您甚至可以通过输入单词或主题标签来审核推文。

Smash Ballon Custom Twitter Feeds Pro 还提供输入自定义 CSS、自定义 Javascript 和启用GDPR设置的选项。

还有一些高级设置,例如清除 Twitter 卡片缓存、启用 Ajax 驱动的主题、仅在 Twitter 卡片中显示 HTTPS 图像、Tweet 乘数等等。

粉碎气球自定义 Twitter 提要高级设置

对设置满意后,单击“保存更改”按钮。

接下来,转到样式选项卡并更改 Twitter 提要的外观以匹配您的网站。有许多样式选项,例如添加提要和推文背景颜色、更改标题背景颜色以及输入自定义文本。

您还可以编辑日期时区、选择日期格式、输入自定义日期格式等。除此之外,该插件还提供样式功能来编辑作者文本、Twitter 徽标大小、推文文本大小、不同的链接选项、编辑“加载更多”按钮等等。

编辑 Twitter 提要的样式后,不要忘记单击“保存更改”按钮。

粉碎气球 Twitter 提要样式选项

之后,您现在可以显示 Twitter 提要以在您的 WordPress 网站上显示最近的推文。为此,Smash Balloon Custom Twitter Feeds Pro 提供了一个简单的短代码,您可以将其粘贴到您的博客文章、侧边栏或任何地方以显示最近的推文。

它甚至提供不同的简码来显示多个提要并在WordPress 块编辑器中自定义 Twitter 提要,而无需返回插件中的样式选项。

您可以在“显示您的提要”选项卡下找到简码。

粉碎气球简码以显示 Twitter 提要

假设您想在博客文章中显示 Twitter 提要。只需转到 WordPress 编辑器,单击加号图标以添加简码块,然后输入简码。

简码块

或者,您也可以使用 Twitter Feed 块来显示最近的推文。

接下来,预览 Twitter 提要,根据需要进行最终调整,然后发布帖子。

Twitter 提要示例

如果您想在侧边栏菜单中添加 Twitter 提要,请转到外观 » 小部件。之后,将 Custom Twitter Feeds 小部件拖放到您的侧边栏。

Smash Balloon Custom Twitter Feeds 将自动在描述区域中输入短代码。如果您想进一步自定义提要,请按照插件中的说明添加自定义简码,然后单击“更新”按钮。

侧边栏 Twitter 提要

现在您可以在WordPress 博客的侧边栏中查看最近的推文。

侧边栏 Twitter 提要示例

方法 2:手动将最近的推文添加到 WordPress 侧边栏

在 WordPress 中显示您最近的推文的第二种方法是手动嵌入您的 Twitter 个人资料或时间线。

就像添加YouTube 视频一样,WordPress 还可以轻松地将 Twitter 内容(如单个推文、收藏、列表、喜欢和时刻)嵌入到您的网站中。

WordPress 使用 oEmbed 功能,当粘贴到内容区域时,它会自动将任何内容 URL 转换为嵌入代码。

首先,您需要找到并复制要嵌入的 Twitter 个人资料的 URL。Twitter 个人资料 URL 只是 Twitter 网站 URL 和您的 Twitter 用户名的组合。

例如,WPBeginner 的 Twitter 个人资料 URL 是 https://twitter.com/wpbeginner。

WPBeginner Twitter 个人资料

接下来,登录您的 WordPress 仪表板并转到外观 » 小部件页面。只需将段落小部件拖放到您的侧边栏,然后粘贴您之前复制的 Twitter 个人资料 URL。

将 Twitter 个人资料 URL 粘贴到 WordPress 段落小部件

完成此操作后,它将立即变成一个 Twitter 时间线小部件,显示来自该特定帐户的最近推文。

在 WordPress 中保存您最近的推文小部件

之后,您可以更新您的小部件并在您的网站上实时预览推文小部件。这是它在我们的演示网站上的显示方式。

WordPress 演示站点中的最新推文 - 带有段落小部件

正如您在上面的屏幕截图中所见,此方法将您最近的推文添加到带有垂直滑块的框中。该框包括 20 条最新推文和末尾的“加载更多推文”按钮。

方法 3:使用 Twitter Publish 在 WordPress 中嵌入 Twitter 订阅源

添加最近推文的第三种方法是使用 Twitter 发布功能。

Twitter Publish 让您可以轻松地为各种类型的 Twitter 内容创建嵌入代码,包括推文、集合、个人资料、列表、时刻、主题标签等。

Twitter Publish 用于将推文嵌入网站

要使用此方法,您需要访问Twitter Publish网站,然后将您的 Twitter 个人资料 URL 粘贴到“您想嵌入什么?” 盒子。

在 Twitter Publish 中输入 Twitter 个人资料 URL

完成后,单击箭头图标。

之后,您将被要求选择一个显示选项:嵌入式时间轴或 Twitter 按钮。您应该选择“嵌入式时间线”选项,因为您想用最近的推文显示您的 Twitter 时间线。

Twitter 发布显示选项

选择显示选项后,它将立即为您最近的推文创建嵌入代码。现在点击复制代码按钮。

从 Twitter Publish 复制 Twitter 嵌入代码

接下来,您需要从仪表板转到外观 » 小部件,并将自定义 HTML 小部件添加到您的侧边栏区域。之后,您应该将之前复制的嵌入代码粘贴到 HTML 字段中。

将 Twitter 个人资料嵌入代码粘贴到自定义 HTML 小部件中

完成后,更新您的小部件并在您的网站上实时查看您最近的推文。

以下是我们的 Twitter 提要在我们的测试站点上的外观。

WordPress 中的最新推文 - 演示网站

有时您可能需要将您的 Twitter 时间线嵌入到您的博客文章或关于页面中。WordPress 带有用于新WordPress 块编辑器的 Twitter 嵌入块。

只需创建一个新帖子或编辑现有帖子。在帖子编辑屏幕上,将 Twitter 嵌入块添加到您的内容区域。

在 WordPress 编辑器中添加 Twitter 嵌入块

现在您需要粘贴您的 Twitter 个人资料 URL 并单击“嵌入”按钮。

在 WordPress 帖子中嵌入 Twitter 时间线

之后,WordPress 将自动获取并在帖子的内容区域中显示您最近的推文。

嵌入在 WordPress 帖子中的 Twitter 个人资料

请注意,此方法会在您的帖子中添加带有滚动条的 Twitter 提要。

或者,您也可以使用 Twitter Publish 方法,这将允许您在没有滚动条的情况下显示最近的推文。

转到Twitter Publish网站并将您的 Twitter 个人资料 URL 粘贴到“您想嵌入什么?” 框,然后单击它旁边的箭头。

在 Twitter Publish 中输入 Twitter 个人资料 URL

之后,选择“嵌入式时间线”选项,然后复制嵌入代码。

复制 Twitter 个人资料的嵌入代码

接下来,您需要在帖子编辑器中添加“自定义 HTML 块”以粘贴嵌入代码。

在 WordPress 编辑器中添加自定义 HTML 块

现在您可以粘贴之前复制的嵌入代码。完成后,您可以保存帖子并实时预览。

方法 4:在 WordPress 中手动显示选择性推文

嵌入您的 Twitter 个人资料将在您的网站上显示您最近发布的所有帖子。如果您只想显示选定的推文怎么办?

别担心,也有简单的解决方案。将选定的推文嵌入您的网站主要有 5 种方法。

集合:根据主题、兴趣、对话等显示精选的推文集合。

列表:显示一组推特用户的推文。

喜欢:显示特定 Twitter 用户标记为喜欢的所有推文。

时刻:显示 Twitter 用户公开时刻的推文。

Hashtag:显示包含特定主题标签的任何人的推文。

在这些选项中,您可以直接从 Twitter 网站创建最后四个选项。此外,您可以使用段落小部件复制它们各自的 URL 并将它们粘贴到 WordPress 侧边栏中。

例如,您可以在 Twitter 个人资料页面上找到您的 Twitter 列表。选择您要嵌入的任何一个列表并单击它。

推特列表

单击链接后,列表将打开,您可以从浏览器复制列表 URL。例如,我们的 Twitter 列表“WordPress Experts”的 URL 是 https://twitter.com/wpbeginner/lists/wordpress-experts。

现在您可以将此 URL 粘贴到您的 WordPress 侧边栏中。

在 WordPress 文本小部件中添加 Twitter 列表

同样,您可以从 Twitter 个人资料页面中找到喜欢、时刻和主题标签的 URL,并轻松地将它们嵌入到您的 WordPress 网站中。

但是,您需要使用 Twitter 的高级 TweetDeck 功能来创建集合。Twitter 集合是用户在主题下组织的推文列表。

访问TweetDeck 网站并使用您的 Twitter 帐户登录。当 TweetDeck 仪表板打开时,单击左侧面板上的“添加列”按钮。

在 TweetDeck 应用程序中添加列

接下来,您需要选择“收藏”选项。

在 TweetDeck 中选择收集选项

之后,您可以命名您的新 Twitter 集合。

在 TweetDeck 中创建新集合

完成后,您将看到 TweetDeck 仪表板中添加了一个新列。现在,您可以从您的 Twitter 主页或任何用户帐户中拖动推文并创建您的收藏。

将推文拖到 Twitter 集合

将推文添加到收藏后,您可以将它们嵌入到您的网站中。您需要单击“选项”图标,然后单击“共享”选项。之后,选择嵌入集合选项。

嵌入来自 TweetDeck 的集合

单击嵌入集合后,Twitter 发布页面将打开,其中包含您的 Twitter 集合的嵌入代码。

复制 Twitter 集合的嵌入代码

您应该复制嵌入代码,然后使用自定义 HTML 小部件将其粘贴到您网站的侧边栏中。

使用自定义 HTML 小部件嵌入 Twitter 集合

完成后,您应该更新您的小部件以在您的网站上实时查看您的 Twitter 收藏。

我们希望本文能帮助您了解如何在 WordPress 中显示最近的推文。您可能还想查看我们的商业网站最佳 WordPress 插件列表,以及我们对最佳电子邮件营销服务的比较,以增加您的流量。