Twitter是一个很少有博主和在线营销人员可以忽视的平台——它的覆盖面太广了,不容错过。如果你成功地在Twitter上建立了一个庞大的追随者基础,你就可以利用它为你的WordPress网站带来大量的流量。

然而,这种流量可以是双向的。如果网站访问者不知道你在Twitter上的存在,添加社交媒体链接或嵌入推文可以增加你的关注。或者,你也可以提高一个档次,在你的WordPress站点上添加一个完整的Twitter feed。

使用嵌入式Twitter提要,您可以在时间轴显示中显示来自一个或多个用户的多条tweet或标签。用户可以喜欢推文、分享推文,并通过与这些嵌入物交互直接访问您的推文配置文件。Twitter feed还可以方便地为访问者总结你的社交活动。

在这篇文章中,我们将向你展示两种在你的WordPress网站上添加Twitter feed的简单方法。首先,我们将使用一个流行的Twitter feed插件来完成这个过程。然后,我们将为那些喜欢将插件数量控制在最小的人解释另一种方法。

利用HubSpot的WordPress网站工具来发展你的业务

添加一个Twitter Feed到WordPress插件

WordPress插件让你的生活更轻松,Twitter feeds也不例外。有几个插件可以添加这样的提要,但在本指南中,我们将使用定制的推特来自Smash Balloon的插件。这是目前在WordPress中嵌入Twitter feed最流行的解决方案。有了这个插件,提要可以用短代码轻松放置,而且提要界面是可定制的,响应性强,而且seo友好。

我们将介绍如何使用免费版的自定义Twitter Feeds,但请注意Pro版本的插件每年49美元起,可以在一个网站上使用。自定义Twitter Feeds Pro可以让你在同一个feed中显示来自不同账户的Tweets,添加了额外的显示选项,比如旋转木马和幻灯片,可以让你更好地控制feed中的Tweets。

但就目前而言,免费版本的核心功能已经足够让你在网站上获得实时动态。方法如下:

1.安装和激活定制的推特插件。

2.点击推特在仪表板菜单中。这就打开了配置菜单插件。

3.配置面板,点击蓝色登录Twitter并获得我的访问令牌和秘密按钮。

自定义Twitter Feeds Twitter feed插件中的配置屏幕

4.您将被临时带到Twitter站点授权自定义Twitter Feeds插件使用您的tweet。该插件将不能发布到Twitter,只是阅读您的tweets。输入您的Twitter证书,然后单击授权应用程序

5.回到自定义Twitter Feeds配置面板,访问令牌访问令牌的秘密应该为您填写字段。这些代码由插件保存。

自定义Twitter Feeds Twitter feed插件中的配置屏幕

6.饲料的设置,首先选择提要类型。您可以创建一个feed,发布来自用户时间轴(输入任何公开tweets的句柄)、一个hashtag或您的家庭时间轴(包括您的tweets和您关注的tweets)的tweets。然后,选择你想在你的WordPress Twitter feed中显示多少tweet,以及你想让插件获取tweet的频率。

自定义Twitter feed Twitter feed插件中的feed设置菜单

7.完成后在配置,单击定制TAB在页面顶部。下定制,您可以修改提要显示的内容,包括提要的宽度、高度和布局(在pro版本中),以及添加自定义CSS。您还可以选择隐藏tweet的某些组件,如头像图像、日期和Twitter徽标。

在自定义Twitter feed Twitter feed插件的自定义屏幕

8.完成后在定制,单击风格TAB在页面顶部。在风格选项卡,您可以修改更多的提要显示设置,如颜色,日期和时间,以及文本大小和重量。你也可以选择在tweet文本中禁用链接。

在自定义Twitter提要Twitter提要插件的样式屏幕

9.完成后在风格,单击保存更改靠近页面底部的按钮。

10.单击显示您的饲料TAB在页面顶部。这个页面列出了短代码,你可以使用它在你的网站上嵌入Twitter feed。对于这个例子,我们只使用顶部提供的基本短代码:(custom-Twitter-feeds).复制这个商家。

在自定义Twitter feed Twitter feed插件的显示选项菜单

11.自定义Twitter Feeds短代码可以放在页面、帖子或小部件中。要将提要添加到页面或帖子中,请将短代码粘贴到短码古腾堡。

放在古腾堡街区的推特短码

或者,您可以使用推特古腾堡块(由插件添加)-搜索并选择块,你会看到提要出现在编辑器中。

古腾堡的推特账号被屏蔽了

要将提要放置在小部件中,请选择外观>小部件,添加一个文本小部件到所需页面区域,将短代码粘贴到文本框中,然后单击保存

放在页脚小部件中的twitter提要短代码

12.激活Twitter feed预览你的新页面/帖子。这就是HubSpot的Twitter的看起来像插件(没有自定义添加)。

一个嵌入在wordpress帖子中的twitter feed的预览

添加一个Twitter Feed到WordPress无需插件

如果你不想使用插件,Twitter还允许你通过嵌入链接嵌入feed。您必须使用自己的CSS来处理大多数可视化定制,但除此之外,这个过程很简单。

1.Twitter发布twitter旗下的一个网站,为嵌入其内容提供url。

2.粘贴要嵌入的提要的URL到框中,然后单击箭头图标。

twitter发布主页

3.选择嵌入式的时间表作为您的显示选项。

显示twitter发布选项

4.Twitter将为您的提要生成嵌入代码。要自定义提要显示,请单击设置自定义选项link然后设置宽度和高度、主题和语言。然后,单击更新按钮。

嵌入由twitter发布提供的代码

5.点击复制代码

6.要用Gutenberg编辑器将嵌入代码添加到页面或帖子中,请插入自定义HTML阻塞并粘贴刚刚复制的嵌入代码。

推特提要嵌入代码粘贴在一个HTML Gutenberg块在wordpress

要将提要放置在小部件中,请选择外观>小部件,添加一个自定义HTML控件,将嵌入代码粘贴到内容框,然后单击保存

推特提要嵌入代码粘贴在一个自定义HTML小部件在wordpress

7.激活Twitter feed预览你的新页面/帖子。下面是HubSpot的Twitter feed与Twitter的嵌入代码的样子。

预览嵌入在wordpress帖子中的推特feed

一切都要适度(是的,甚至包括Twitter)

无论你是喜欢插件还是手动方式,在你的WordPress站点上显示一个Twitter feed都是一个好主意。它有助于增加你网站上的用户粘性和Twitter上的追随者。

最后要注意的是,一定不要在你的饲料中过度使用。除非你的WordPress站点纯粹是一个通向Twitter账户的漏斗,否则你的feed应该是站点主要内容的次要内容,无论你是写博客文章,还是销售产品,或者两者都是。Twitter feed和社交按钮是保持访问者最新信息的好方法,但它们不应该分散或妨碍用户体验。

编者按:本文最初发表于2020年1月,为全面起见已进行更新。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

在你的WordPress网站上使用HubSpot工具,无需处理代码就可以连接两个平台。点击这里了解更多。

最初发布于2021年6月8日上午7:00:00,更新于2021年6月08日

主题:

WordPress插件