如何在WordPress中添加官方Twitter关注按钮

Twitter正在将其功能扩展到更广泛的万维网。 这一切都始于官方推特按钮,然后是Twitter Anywhere平台,最近又推出了新的官方twitter按钮。 你可能想知道这个twitter按钮是什么? Twitter关注按钮和智能关注按钮有什么不同? 别担心,在这篇文章中,我们将介绍什么是twitter follow按钮,以及如何将它添加到您的WordPress网站。

什么是Twitter按钮

Twitter的按钮是一个小部件,使用户可以轻松地从任何网站关注您的Twitter帐户(或任何Twitter帐户)。 关注按钮使用与官方推特按钮相同的实施模式,集成非常简单。 你可以在下面的图片的左上角看到按钮的演示。 当你点击关注按钮时,会打开一个窗口,提供关于用户的更多信息。

Twitter按钮

您可能想知道它与下面的Smart Follow按钮有什么不同?

那么智能关注按钮需要你做整个Twitter Anywhere集成。 它也不允许你显示你的追随者数量或做任何定制。 而Twitter的按钮可以让你显示计数,而且很容易整合。 看看下面的实例(不要忘了点击关注看看它是什么):

遵循@site

如何在WordPress中添加官方Twitter关注按钮

您可以转到Follow Button页面并为您生成一个代码。 或者你可以简单地复制下面的代码:

遵循@site 

附: 请确保使用您自己的用户名来更改用户名。

如果您使用官方的鸣叫按钮,则不需要粘贴脚本两次。 所以你的代码如下所示:

遵循@site 

现在,您可以将自己喜欢的代码粘贴到WordPress主题中。 大多数人会把这样的代码放在他们的 的sidebar.php 文件。 但是,如果您觉得编辑主题文件不太舒服,那么您也可以使用WordPress主题小部件。 所有优秀的主题都带有小工具准备好的侧边栏。 所以你只需要进入Appearence»Widgets选项卡。 然后将文本小部件添加到适当的侧边栏。 最后,粘贴上面的代码,你就完成了。 在下面的屏幕截图中查看示例:

Twitter按钮按钮部件

真的没有必要添加一个插件来做这样简单的事情。

高级定制

此部分适用于想要进一步自定义此按钮以匹配其网站配色方案等的设计人员和开发人员。Twitter允许您自定义插件的按钮颜色,文本颜色,链接颜色,语言,窗口小部件和对齐方式。

我们正在使用的JavaScript版本中的可用变量:

  • data-show-count( 真正 或假)
  • 数据按钮( 蓝色 或灰色)
  • 数据文本颜色(十六进制代码)
  • 数据链接颜色(十六进制代码)
  • data-lang(en,fr,de,es) – 使用两个字母ISO-639-1语言代码
  • 数据宽度 – (300px)
  • 数据对齐 – (右)

如果你想在代码中指定它,它会看起来像这样:

遵循@site 

资源:

按照按钮文档
按钮生成器