您想在您的 WordPress 博客文章中嵌入个人推文吗?
通过在博客中引用实际的推文,您可以为读者提供一种简单的方式来加入对话。这可以使您的文章更具吸引力和趣味性,同时还可以推广您的社交媒体帐户。
在本文中,我们将向您展示如何轻松地将实际推文嵌入到您的 WordPress 博客文章和页面中。
![如何在 WordPress 博客文章中嵌入实际推文 如何在 WordPress 博客文章中嵌入实际推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/how-to-embed-actual-tweets-in-wordpress-blog-posts-og.png)
为什么要在 WordPress 博客文章中嵌入实际推文?
根据我们的营销统计研究,Twitter 是世界上最大的社交媒体网络之一,每月活跃用户超过 2.17 亿。如今,许多网站使用推文来使他们的博客更具吸引力。
![网站中嵌入的实际推文示例 网站中嵌入的实际推文示例](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-blog-example.png)
虽然您可以为您的博客文章截取屏幕截图,但最好嵌入您想要谈论的实际推文。这允许读者通过评论、点赞和转发原始帖子来与推文互动。
由于嵌入式推文具有互动性,因此可以让访问者在您的网站上停留更长时间,增加您的综合浏览量,并鼓励用户与您的内容互动。如果您嵌入自己的推文,那么读者甚至可能决定开始在社交媒体上关注您。
您甚至可以嵌入来自受信任的第三方的推文,例如联属营销合作伙伴、行业影响者或在推文中发布了有关您业务的积极信息的客户。
话虽如此,让我们看看如何在 WordPress 中嵌入实际的推文。只需使用下面的快速链接即可直接跳至您要使用的方法。
方法 1. 如何在 WordPress 中嵌入推文(无需插件)
您可以使用 Twitter 块和WordPress 块编辑器手动将各个推文嵌入到WordPress 博客文章中。
由于此方法使用内置的 WordPress 工具,因此您无需安装任何特殊插件,即可立即开始嵌入推文。如果您只想向网站添加少量推文,那么这是一种快速而简单的方法。
但是,如果您想显示大量推文,则需要手动复制多个 URL,这可能会花费大量时间。您还可以在每个块中仅显示一条推文,因此如果您想嵌入多条推文,这不是一个好的选择。
如果您确实想要添加在新推文发布时自动更新的社交媒体源,那么您需要使用方法 2。
要嵌入一条推文,请前往 Twitter 并找到您想要显示的帖子。这可以是您自己的推文,也可以是来自其他人帐户的推文。例如,您可以嵌入来自满意客户的帖子,因为它们是一种强大的社会证明形式。
![WPBeginner Twitter 帐户 WPBeginner Twitter 帐户](https://www.wpbeginner.com/wp-content/uploads/2020/11/wpbeginner-twitter-tweet.png)
现在,只需单击该推文即可将其打开。您的浏览器地址栏将显示该特定推文的地址。
您可以记下 URL,也可以在单独的选项卡中打开该推文,因为稍后您将需要该链接。
![如何使用 URL 在 WordPress 中嵌入推文 如何使用 URL 在 WordPress 中嵌入推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-embed-url.png)
切换回 WordPress 仪表板并打开要嵌入推文的博客文章。然后,单击“+”图标并输入“Twitter”。
当出现右侧块时,单击将其添加到博客文章中。
![Twitter 嵌入 WordPress 块 Twitter 嵌入 WordPress 块](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-embed-block.png)
然后,只需将推文的 URL 粘贴到“Twitter”块中即可。
完成后,点击“嵌入”。
![使用链接向 WordPress 博客文章添加推文 使用链接向 WordPress 博客文章添加推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/embedding-twitter-url.png)
WordPress 块编辑器现在将显示该推文。之后,您可以通过添加图像、文本和其他内容 继续处理博客。
如果您对博客感到满意,请单击“发布”或“更新”以使更改生效。现在,如果您访问该帖子,您将看到该推文嵌入您的博客中。
![嵌入 WordPress 博客文章中的一条推文 嵌入 WordPress 博客文章中的一条推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/embedded-tweet-wordpress.png)
专业提示:您还可以将推文的 URL 粘贴到段落块中,WordPress 会自动将段落块转换为 Twitter 嵌入块。
您还可以将 Twitter 块添加到任何小部件就绪区域,例如侧边栏或类似部分。如果您想在多个区域显示同一条推文,这是一个不错的选择。
![在 WordPress 侧边栏中嵌入实际的推文 在 WordPress 侧边栏中嵌入实际的推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/wordpress-tweet-sidebar.png)
有关分步说明,请参阅有关如何在 WordPress 中添加和使用小部件的指南。
如果您使用 基于块的主题,则可以使用全站点编辑器将 Twitter 块添加到网站的任何部分。这包括您无法使用标准内容编辑器编辑的网站区域。例如,您可以使用最流行的推文来改进 404 页面模板。
![使用全站编辑器将实际推文添加到 404 模板 使用全站编辑器将实际推文添加到 404 模板](https://www.wpbeginner.com/wp-content/uploads/2020/11/embedded-tweet-404.png)
方法 2. 在 WordPress 博客中自动嵌入推文(推荐)
如果您需要嵌入多条推文,那么我们建议使用插件来创建 Twitter feed。
这使您可以灵活地创建显示不同主题标签、帐户和时间表的自定义源。然后,您可以将这些提要添加到您的博客文章、页面,甚至是侧边栏等小部件就绪区域。
创建 Twitter 源的最简单方法是使用 Smash Balloon自定义 Twitter 源插件。它是WordPress 最好的 Twitter 插件之一,可让您向博客添加各种类型的提要。
![Twitter feed,使用免费的 WordPress 插件嵌入 Twitter feed,使用免费的 WordPress 插件嵌入](https://www.wpbeginner.com/wp-content/uploads/2020/11/embedded-twitter-blog.png)
这些提要会自动更新,因此访问者将始终看到您的最新推文,而无需您手动编辑网站。
由于提要会自动更新,即使对于普通访问者来说,这也可以使您的网站保持新鲜和有趣。通过这种方式,您可以鼓励人们花更多时间在您的网站上、订阅您的电子邮件通讯、购买产品以及采取其他积极行动。
如果访问者花费大量时间浏览嵌入的 Twitter 源,那么它就会向搜索引擎发送积极的信号。这可以提高您的WordPress SEO。
如何设置 Twitter Feeds WordPress 插件
首先,您需要安装并激活 Smash Balloon Custom Twitter Feeds 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。
激活后,您的第一个任务是通过转到Twitter Feeds » Settings将 Smash Balloon 连接到您的 Twitter 帐户。在此屏幕上,单击“连接新帐户”按钮。
![将 Twitter 连接到您的 WordPress 网站 将 Twitter 连接到您的 WordPress 网站](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-feeds-smashballoon.png)
现在将出现一个弹出窗口,其中包含有关自定义 Twitter 源将能够访问的内容的一些信息。
如果您愿意继续,请点击“连接”。
![如何使用 Smash Balloon 在 WordPress 博客文章中嵌入实际推文 如何使用 Smash Balloon 在 WordPress 博客文章中嵌入实际推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/connecting-smashballoon-twitter.png)
在下一个屏幕上,您将看到有关 Smash Balloon 可以访问的数据及其可以执行的操作的一些详细信息。
如果您愿意向自定义 Twitter Feed 授予这些权限,请单击“授权应用程序”按钮。
![连接 Twitter 和 WordPress 连接 Twitter 和 WordPress](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-authorize-app.png)
如果出现提示,请输入您的 Twitter 用户名和密码。
一旦成功连接到您的 Twitter 帐户,Smash Balloon 就会自动带您返回 WordPress 仪表板。完成此操作后,您就可以创建 Twitter 源了。
如何在 WordPress 中创建自定义 Twitter Feed
要创建 Twitter 源,请转至Twitter 源 » 所有源,然后单击“添加新源”。
![如何为您的 WordPress 网站创建 Twitter 源 如何为您的 WordPress 网站创建 Twitter 源](https://www.wpbeginner.com/wp-content/uploads/2020/11/create-twitter-feed.png)
在此屏幕上,您可以选择要嵌入的 Feed 类型。您可以从任何 Twitter 帐户(包括第三方帐户)创建源。
如果您正在撰写有关另一家公司、品牌或个人的博客文章,并且希望在您的帖子中显示他们的最新推文,那么这是完美的选择。
要显示来自第三方帐户的推文,请选择“用户时间线”,然后单击“下一步”。
![如何将实际推文添加到 WordPress 网站或博客 如何将实际推文添加到 WordPress 网站或博客](https://www.wpbeginner.com/wp-content/uploads/2020/11/tweets-user-timelime.png)
在下一个屏幕上,输入 @ 符号,然后输入您从中获取推文的 Twitter 帐户。
之后,单击“下一步”打开主 Smash Balloon 编辑器。
另一种选择是显示具有特定主题标签的推文。这可能是与您的网站、数字下载、您在在线商店上销售的产品或其他任何内容相关的主题标签。
您还可以使用主题标签源来显示与博客主题相关的推文。例如,如果您正在撰写有关最新热门电视节目的博客,那么您可以创建一个主题标签供稿,显示粉丝谈论该节目。
要创建主题标签源,请选择“主题标签”,然后单击“下一步”。您现在可以输入要使用的主题标签。
![将实际推文嵌入主题标签提要中 将实际推文嵌入主题标签提要中](https://www.wpbeginner.com/wp-content/uploads/2020/11/smash-balloon-hashtag.png)
之后,单击“下一步”打开主 Smash Balloon 编辑器。
最后一个选项是“主页时间线”,它只是嵌入您帐户的 Twitter 主页。这与您访问 Twitter 主页时看到的提要完全相同,因此您会看到相同的推文、点赞和转发。
如果您想提升您关注的人,这可能会很有用。
![如何将 Twitter 主页时间线源添加到 WordPress 如何将 Twitter 主页时间线源添加到 WordPress](https://www.wpbeginner.com/wp-content/uploads/2020/11/home-timeline-twitter.png)
在下一个屏幕上,选择您在上一步中添加的 Twitter 帐户。
然后,选择“下一步”启动“粉碎气球”编辑器。
![选择要在 WordPress 博客帖子上显示的 Twitter 帐户 选择要在 WordPress 博客文章中显示的 Twitter 帐户](https://www.wpbeginner.com/wp-content/uploads/2020/11/selecting-home-timeline.png)
自定义您的实时 Twitter 源
自定义 Twitter Feed 插件为您提供了多种方法来微调推文在网站上的外观。在右侧,您将看到 Twitter 源的预览。
在左侧,您将看到可用于自定义这些推文在WordPress 网站上的外观的所有不同设置。大多数设置都是不言自明的,但我们将很快介绍一些主要区域。
![使用 Smash Balloon 自定义 Twitter feed 使用 Smash Balloon 自定义 Twitter feed](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-smashballoon-editor.png)
首先,点击“提要布局”。
在这里,您可以更改提要高度以及访问者最初会看到的推文数量。
![使用 Smash Balloon 更改 Twitter 提要的布局 使用 Smash Balloon 更改 Twitter 提要的布局](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-feed-layout.png)
当您对更改感到满意时,请单击“自定义”链接。
这将带您返回“粉碎气球”设置主屏幕。
![返回“粉碎气球”主设置屏幕 返回“粉碎气球”主设置屏幕](https://www.wpbeginner.com/wp-content/uploads/2020/11/smashballoon-customize-link.png)
下一个设置是“配色方案”。默认情况下,提要使用从WordPress 主题继承的颜色,但您可以切换到“浅色”或“深色”配色方案。
另一种选择是通过选择“自定义”来创建您自己的配色方案,然后使用控件更改背景颜色、更改 WordPress 中的文本颜色等。
![在 WordPress 博客文章中设置嵌入推文的样式 在 WordPress 博客文章中设置嵌入推文的样式](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-color-scheme.png)
如果您要显示来自特定用户的推文,那么您可能需要向提要添加标头。这向访问者准确展示了内容的来源。
自定义 Twitter Feed 可以向您的 Feed 添加标准或文本标题。
只需从左侧菜单中选择“标题”,然后单击“启用”开关即可。默认情况下,该插件会添加一个“标准”标头,其中显示“关注”按钮和 Twitter 简介(如果有)。
![向 Smash Balloon Twitter feed 添加标题 向 Smash Balloon Twitter feed 添加标题](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-smashballoon-header.png)
如果您想隐藏 Twitter 简介,请单击以禁用“显示简介”开关。
另一个选项是选择“文本”,这会在提要中添加“我们在 Twitter”标题。
![将文本标题添加到 Twitter 源 将文本标题添加到 Twitter 源](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-text-header.png)
您可以通过在“文本”框中键入内容来将其替换为您自己的消息。
如果您对消息感到满意,您可以更改标题的大小和颜色。
![使用 Smash Balloon 将文本标题添加到社交媒体源 使用 Smash Balloon 将文本标题添加到社交媒体源](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-custom-header.png)
接下来,您可以通过从左侧菜单中选择“推文”来自定义各个推文在 Twitter 源中的显示方式。
之后,您可以在“推文样式”和“编辑单个元素”之间进行选择。
![编辑 Twitter 提要中的单个推文 编辑 Twitter 提要中的单个推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-edit-elements.png)
如果您选择“推文样式”,则可以在盒装布局和常规布局之间进行选择。
如果您选择“盒装”,则可以为每条推文创建彩色背景。您还可以增大边框半径以创建圆角,并添加框阴影。
![在社交媒体源中设置单个推文的样式 在社交媒体源中设置单个推文的样式](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-tweet-style.png)
如果您选择“常规”,则可以更改分隔不同社交媒体帖子的线条的粗细和颜色。
接下来,您可以通过单击“推文”来自定义每个帖子中的各个元素,这会将您带回到上一个屏幕。
![返回之前的“粉碎气球”屏幕 返回之前的“粉碎气球”屏幕](https://www.wpbeginner.com/wp-content/uploads/2020/11/tweets-previous-screen.png)
这次,选择“编辑单个元素”。
现在,您将看到自定义 Twitter Feed 在每个帖子中包含的所有不同内容,例如作者、推文文本、Twitter 徽标等。
要从提要中删除一段内容,只需单击取消选中其框即可。
![隐藏推文内容 隐藏推文内容](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-removing-content.png)
您还可以通过单击来自定义每种类型的内容的外观。
例如,在下图中,我们更改了推文文本的大小和颜色。
![如何在 WordPress 博客文章中嵌入实际推文 如何在 WordPress 博客文章中嵌入实际推文](https://www.wpbeginner.com/wp-content/uploads/2020/11/customizing-twitter-tweets.png)
如果您对推文的外观感到满意,请单击“自定义”返回到 Smash Balloon 设置主屏幕。这次,选择“加载更多按钮”。
“加载更多”按钮允许访问者滚动浏览更多推文,因此自定义 Twitter Feeds 默认添加它。
![自定义 Twitter“加载更多”按钮 自定义 Twitter“加载更多”按钮](https://www.wpbeginner.com/wp-content/uploads/2020/11/load-more-twitter.png)
由于它是如此重要的按钮,您可能需要通过更改其背景颜色、悬停状态、标签等来自定义它,以匹配您网站的设计。
您还可以通过在“文本”字段中输入内容,将默认的“加载更多”文本替换为您自己的号召性用语。
![向 WordPress 网站或博客添加自定义“加载更多”按钮 向 WordPress 网站或博客添加自定义“加载更多”按钮](https://www.wpbeginner.com/wp-content/uploads/2020/11/customizing-load-more.png)
如果您愿意,可以通过单击“启用”切换按钮完全删除该按钮。
当您对 Twitter 提要的外观感到满意时,请不要忘记单击“保存”。之后,您就可以将 Twitter 源嵌入到您的 WordPress 博客文章中了。
如何在 WordPress 博客文章中嵌入 Twitter Feed
您可以使用 Smash Balloon 的 Twitter Feed 块将 Feed 添加到您的博客文章中。
如果您使用该插件创建了多个 Twitter feed,那么您需要知道该 feed 的代码。
要获取此信息,请转到Twitter 源 » 所有源并复制“短代码”列中的代码。您需要将此代码添加到您的博客文章中,因此请记下它。
在下图中,我们需要使用[custom-twitter-feeds feed=2]
![粉碎气球 Twitter 简码 粉碎气球 Twitter 简码](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-feed-shortcode.png)
之后,只需打开您想要嵌入 Twitter 源的博客文章即可。然后,单击“+”图标添加新块并开始输入“Twitter Feed”。
当出现右侧块时,单击将其添加到博客文章中。
![使用 Twitter 块将实际推文嵌入 WordPress 博客中 使用 Twitter 块将实际推文嵌入 WordPress 博客中](https://www.wpbeginner.com/wp-content/uploads/2020/11/twitter-feed-blog.png)
默认情况下,该块将显示您的自定义 Twitter 源之一。如果您想使用不同的推文提要,请在右侧菜单中找到“短代码设置”。
在这里,只需添加短代码,然后单击“应用更改”。
![使用简码在 WordPress 博客中嵌入 Twitter 提要 使用简码在 WordPress 博客中嵌入 Twitter 提要](https://www.wpbeginner.com/wp-content/uploads/2020/11/shortcode-apply-changes.png)
该块现在将显示您的 Twitter 源,并且可以简单地发布或更新博客文章以使推文显示在您的网站上。每当您发推文时,Smash Balloon 都会自动更新此提要。
我们希望本文能帮助您了解如何在 WordPress 博客文章中嵌入实际的推文。接下来,您可以看到我们关于如何使用 WordPress 在线博客赚钱的指南,以及我们专家精选的最佳 WordPress Facebook 插件来发展您的博客。