首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 博客文章中嵌入实际推文

如何在 WordPress 博客文章中嵌入实际推文

您想在您的 WordPress 博客文章中嵌入个人推文吗?

通过在博客中引用实际的推文,您可以为读者提供一种简单的方式来加入对话。这可以使您的文章更具吸引力和趣味性,同时还可以推广您的社交媒体帐户。

在本文中,我们将向您展示如何轻松地将实际推文嵌入到您的 WordPress 博客文章和页面中。

如何在 WordPress 博客文章中嵌入实际推文

为什么要在 WordPress 博客文章中嵌入实际推文?

根据我们的营销统计研究,Twitter 是世界上最大的社交媒体网络之一,每月活跃用户超过 2.17 亿。如今,许多网站使用推文来使他们的博客更具吸引力。

网站中嵌入的实际推文示例

虽然您可以为您的博客文章截取屏幕截图,但最好嵌入您想要谈论的实际推文。这允许读者通过评论、点赞和转发原始帖子来与推文互动。

由于嵌入式推文具有互动性,因此可以让访问者在您的网站上停留更长时间,增加您的综合浏览量,并鼓励用户与您的内容互动。如果您嵌入自己的推文,那么读者甚至可能决定开始在社交媒体上关注您。

您甚至可以嵌入来自受信任的第三方的推文,例如联属营销合作伙伴、行业影响者或在推文中发布了有关您业务的积极信息的客户。

话虽如此,让我们看看如何在 WordPress 中嵌入实际的推文。只需使用下面的快速链接即可直接跳至您要使用的方法。

方法 1. 如何在 WordPress 中嵌入推文(无需插件)

您可以使用 Twitter 块和WordPress 块编辑器手动将各个推文嵌入到WordPress 博客文章中。

由于此方法使用内置的 WordPress 工具,因此您无需安装任何特殊插件,即可立即开始嵌入推文。如果您只想向网站添加少量推文,那么这是一种快速而简单的方法。

但是,如果您想显示大量推文,则需要手动复制多个 URL,这可能会花费大量时间。您还可以在每个块中仅显示一条推文,因此如果您想嵌入多条推文,这不是一个好的选择。

如果您确实想要添加在新推文发布时自动更新的社交媒体源,那么您需要使用方法 2。

要嵌入一条推文,请前往 Twitter 并找到您想要显示的帖子。这可以是您自己的推文,也可以是来自其他人帐户的推文。例如,您可以嵌入来自满意客户的帖子,因为它们是一种强大的社会证明形式。

WPBeginner Twitter 帐户

现在,只需单击该推文即可将其打开。您的浏览器地址栏将显示该特定推文的地址。

您可以记下 URL,也可以在单独的选项卡中打开该推文,因为稍后您将需要该链接。

如何使用 URL 在 WordPress 中嵌入推文

切换回 WordPress 仪表板并打开要嵌入推文的博客文章。然后,单击“+”图标并输入“Twitter”。

当出现右侧块时,单击将其添加到博客文章中。

Twitter 嵌入 WordPress 块

然后,只需将推文的 URL 粘贴到“Twitter”块中即可。

完成后,点击“嵌入”。

使用链接向 WordPress 博客文章添加推文

WordPress 块编辑器现在将显示该推文。之后,您可以通过添加图像、文本和其他内容 继续处理博客。

如果您对博客感到满意,请单击“发布”或“更新”以使更改生效。现在,如果您访问该帖子,您将看到该推文嵌入您的博客中。

嵌入 WordPress 博客文章中的一条推文

专业提示:您还可以将推文的 URL 粘贴到段落块中,WordPress 会自动将段落块转换为 Twitter 嵌入块。

您还可以将 Twitter 块添加到任何小部件就绪区域,例如侧边栏或类似部分。如果您想在多个区域显示同一条推文,这是一个不错的选择。

在 WordPress 侧边栏中嵌入实际的推文

有关分步说明,请参阅有关如何在 WordPress 中添加和使用小部件的指南。

如果您使用 基于块的主题,则可以使用全站点编辑器将 Twitter 块添加到网站的任何部分。这包括您无法使用标准内容编辑器编辑的网站区域。例如,您可以使用最流行的推文来改进 404 页面模板

使用全站编辑器将实际推文添加到 404 模板

如果您需要嵌入多条推文,那么我们建议使用插件来创建 Twitter feed。

这使您可以灵活地创建显示不同主题标签、帐户和时间表的自定义源。然后,您可以将这些提要添加到您的博客文章、页面,甚至是侧边栏等小部件就绪区域。

创建 Twitter 源的最简单方法是使用 Smash Balloon自定义 Twitter 源插件。它是WordPress 最好的 Twitter 插件之一,可让您向博客添加各种类型的提要。

Twitter feed,使用免费的 WordPress 插件嵌入

这些提要会自动更新,因此访问者将始终看到您的最新推文,而无需您手动编辑网站。

由于提要会自动更新,即使对于普通访问者来说,这也可以使您的网站保持新鲜和有趣。通过这种方式,您可以鼓励人们花更多时间在您的网站上、订阅您的电子邮件通讯、购买产品以及采取其他积极行动。

如果访问者花费大量时间浏览嵌入的 Twitter 源,那么它就会向搜索引擎发送积极的信号。这可以提高您的WordPress SEO

如何设置 Twitter Feeds WordPress 插件

首先,您需要安装并激活 Smash Balloon Custom Twitter Feeds 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,您的第一个任务是通过转到Twitter Feeds » Settings将 Smash Balloon 连接到您的 Twitter 帐户。在此屏幕上,单击“连接新帐户”按钮。

将 Twitter 连接到您的 WordPress 网站

现在将出现一个弹出窗口,其中包含有关自定义 Twitter 源将能够访问的内容的一些信息。

如果您愿意继续,请点击“连接”。

如何使用 Smash Balloon 在 WordPress 博客文章中嵌入实际推文

在下一个屏幕上,您将看到有关 Smash Balloon 可以访问的数据及其可以执行的操作的一些详细信息。

如果您愿意向自定义 Twitter Feed 授予这些权限,请单击“授权应用程序”按钮。

连接 Twitter 和 WordPress

如果出现提示,请输入您的 Twitter 用户名和密码。

一旦成功连接到您的 Twitter 帐户,Smash Balloon 就会自动带您返回 WordPress 仪表板。完成此操作后,您就可以创建 Twitter 源了。

如何在 WordPress 中创建自定义 Twitter Feed

要创建 Twitter 源,请转至Twitter 源 » 所有源,然后单击“添加新源”。

如何为您的 WordPress 网站创建 Twitter 源

在此屏幕上,您可以选择要嵌入的 Feed 类型。您可以从任何 Twitter 帐户(包括第三方帐户)创建源。

如果您正在撰写有关另一家公司、品牌或个人的博客文章,并且希望在您的帖子中显示他们的最新推文,那么这是完美的选择。

要显示来自第三方帐户的推文,请选择“用户时间线”,然后单击“下一步”。

如何将实际推文添加到 WordPress 网站或博客

在下一个屏幕上,输入 @ 符号,然后输入您从中获取推文的 Twitter 帐户。

之后,单击“下一步”打开主 Smash Balloon 编辑器。

另一种选择是显示具有特定主题标签的推文。这可能是与您的网站、数字下载、您在在线商店上销售的产品或其他任何内容相关的主题标签。

您还可以使用主题标签源来显示与博客主题相关的推文。例如,如果您正在撰写有关最新热门电视节目的博客,那么您可以创建一个主题标签供稿,显示粉丝谈论该节目。

要创建主题标签源,请选择“主题标签”,然后单击“下一步”。您现在可以输入要使用的主题标签。

将实际推文嵌入主题标签提要中

之后,单击“下一步”打开主 Smash Balloon 编辑器。

最后一个选项是“主页时间线”,它只是嵌入您帐户的 Twitter 主页。这与您访问 Twitter 主页时看到的提要完全相同,因此您会看到相同的推文、点赞和转发。

如果您想提升您关注的人,这可能会很有用。

如何将 Twitter 主页时间线源添加到 WordPress

在下一个屏幕上,选择您在上一步中添加的 Twitter 帐户。

然后,选择“下一步”启动“粉碎气球”编辑器。

选择要在 WordPress 博客文章中显示的 Twitter 帐户

自定义您的实时 Twitter 源

自定义 Twitter Feed 插件为您提供了多种方法来微调推文在网站上的外观。在右侧,您将看到 Twitter 源的预览。

在左侧,您将看到可用于自定义这些推文在WordPress 网站上的外观的所有不同设置。大多数设置都是不言自明的,但我们将很快介绍一些主要区域。

使用 Smash Balloon 自定义 Twitter feed

首先,点击“提要布局”。

在这里,您可以更改提要高度以及访问者最初会看到的推文数量。

使用 Smash Balloon 更改 Twitter 提要的布局

当您对更改感到满意时,请单击“自定义”链接。

这将带您返回“粉碎气球”设置主屏幕。

返回“粉碎气球”主设置屏幕

下一个设置是“配色方案”。默认情况下,提要使用从WordPress 主题继承的颜色,但您可以切换到“浅色”或“深色”配色方案。

另一种选择是通过选择“自定义”来创建您自己的配色方案,然后使用控件更改背景颜色更改 WordPress 中的文本颜色等。

在 WordPress 博客文章中设置嵌入推文的样式

如果您要显示来自特定用户的推文,那么您可能需要向提要添加标头。这向访问者准确展示了内容的来源。

自定义 Twitter Feed 可以向您的 Feed 添加标准或文本标题。

只需从左侧菜单中选择“标题”,然后单击“启用”开关即可。默认情况下,该插件会添加一个“标准”标头,其中显示“关注”按钮和 Twitter 简介(如果有)。

向 Smash Balloon Twitter feed 添加标题

如果您想隐藏 Twitter 简介,请单击以禁用“显示简介”开关。

另一个选项是选择“文本”,这会在提要中添加“我们在 Twitter”标题。

将文本标题添加到 Twitter 源

您可以通过在“文本”框中键入内容来将其替换为您自己的消息。

如果您对消息感到满意,您可以更改标题的大小和颜色。

使用 Smash Balloon 将文本标题添加到社交媒体源

接下来,您可以通过从左侧菜单中选择“推文”来自定义各个推文在 Twitter 源中的显示方式。

之后,您可以在“推文样式”和“编辑单个元素”之间进行选择。

编辑 Twitter 提要中的单个推文

如果您选择“推文样式”,则可以在盒装布局和常规布局之间进行选择。

如果您选择“盒装”,则可以为每条推文创建彩色背景。您还可以增大边框半径以创建圆角,并添加框阴影

在社交媒体源中设置单个推文的样式

如果您选择“常规”,则可以更改分隔不同社交媒体帖子的线条的粗细和颜色。

接下来,您可以通过单击“推文”来自定义每个帖子中的各个元素,这会将您带回到上一个屏幕。

返回之前的“粉碎气球”屏幕

这次,选择“编辑单个元素”。

现在,您将看到自定义 Twitter Feed 在每个帖子中包含的所有不同内容,例如作者、推文文本、Twitter 徽标等。

要从提要中删除一段内容,只需单击取消选中其框即可。

隐藏推文内容

您还可以通过单击来自定义每种类型的内容的外观。

例如,在下图中,我们更改了推文文本的大小和颜色。

如何在 WordPress 博客文章中嵌入实际推文

如果您对推文的外观感到满意,请单击“自定义”返回到 Smash Balloon 设置主屏幕。这次,选择“加载更多按钮”。

“加载更多”按钮允许访问者滚动浏览更多推文,因此自定义 Twitter Feeds 默认添加它。

自定义 Twitter“加载更多”按钮

由于它是如此重要的按钮,您可能需要通过更改其背景颜色、悬停状态、标签等来自定义它,以匹配您网站的设计。

您还可以通过在“文本”字段中输入内容,将默认的“加载更多”文本替换为您自己的号召性用语。

向 WordPress 网站或博客添加自定义“加载更多”按钮

如果您愿意,可以通过单击“启用”切换按钮完全删除该按钮。

当您对 Twitter 提要的外观感到满意时,请不要忘记单击“保存”。之后,您就可以将 Twitter 源嵌入到您的 WordPress 博客文章中了。

如何在 WordPress 博客文章中嵌入 Twitter Feed

您可以使用 Smash Balloon 的 Twitter Feed 块将 Feed 添加到您的博客文章中。

如果您使用该插件创建了多个 Twitter feed,那么您需要知道该 feed 的代码。

要获取此信息,请转到Twitter 源 » 所有源并复制“短代码”列中的代码。您需要将此代码添加到您的博客文章中,因此请记下它。

在下图中,我们需要使用[custom-twitter-feeds feed=2]

粉碎气球 Twitter 简码

之后,只需打开您想要嵌入 Twitter 源的博客文章即可。然后,单击“+”图标添加新块并开始输入“Twitter Feed”。

当出现右侧块时,单击将其添加到博客文章中。

使用 Twitter 块将实际推文嵌入 WordPress 博客中

默认情况下,该块将显示您的自定义 Twitter 源之一。如果您想使用不同的推文提要,请在右侧菜单中找到“短代码设置”。

在这里,只需添加短代码,然后单击“应用更改”。

使用简码在 WordPress 博客中嵌入 Twitter 提要

该块现在将显示您的 Twitter 源,并且可以简单地发布或更新博客文章以使推文显示在您的网站上。每当您发推文时,Smash Balloon 都会自动更新此提要。

我们希望本文能帮助您了解如何在 WordPress 博客文章中嵌入实际的推文。接下来,您可以看到我们关于如何使用 WordPress 在线博客赚钱的指南,以及我们专家精选的最佳 WordPress Facebook 插件来发展您的博客

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top