您是否在流行网站上看到那些鼓励用户发推文的漂亮报价框？这些点击推文报价框对于提高您的网站参与度和在 Twitter 上获得更多分享非常有效。在本文中，我们将向您展示如何在您的 WordPress 帖子和页面中添加点击推文框。
视频教程
订阅 WPBeginner
如果不想看视频教程，可以继续看下面的文字版：
您需要做的第一件事是安装并激活Better Click To Tweet插件。有关更多详细信息，请参阅我们关于如何安装 WordPress 插件的分步指南。
激活后，该插件将在您的 WordPress 管理栏中添加一个标有“更好的点击推文”的新菜单项。单击它将带您进入插件的设置页面。
在设置页面上，首先您需要提供您的 Twitter 句柄。它将在“通过@wpbeginner”这样的推文中使用。这将帮助您查看 Twitter 帐户中的对话和推文。
接下来，如果您想使用您自己的自定义短 URL，请选中“使用短 URL”选项旁边的框。
不要忘记单击保存更改按钮来存储您的设置。
在 WordPress 帖子中添加点击推文框
现在您已经设置了插件，您可以将点击推文框和引号添加到您的 WordPress帖子和页面。
前往创建新帖子或编辑现有帖子。
该插件带有一个简单的短代码，可以在您的帖子或页面的任何位置添加点击推文框。只需像这样添加短代码：
[bctt tweet=”Text of the tweet goes here”]
这是它在您的网站上的外观。
当用户点击推文时，该插件将自动添加回您帖子的链接以及您的 Twitter 句柄。
短代码带有一些额外的参数，可帮助您自定义推文框。
例如，您会注意到链接的“点击推文”按钮不是 nofollow 链接。您可以通过向短代码添加 nofollow 属性来将其更改为 nofollow 链接，如下所示：
[bctt tweet=”Text of the tweet goes here” nofollow”yes”]
您还可以通过向短代码添加提示参数来更改按钮的锚文本，如下所示：
[bctt tweet=”Text of the tweet goes here” prompt=”tell a friend”]
如果由于某种原因您不想在推文中包含帖子 URL 或 Twitter 句柄，那么该插件也允许您这样做。
您只需将您的 url 和 via 参数添加到短代码中，如下所示：
[bctt tweet=”Text of the tweet goes here” url=”no” via=”no”]
更改点击推文框的外观
这个插件实际上带有一个高级插件，它具有更多样式，您可以将其用于点击推文框。
它还允许您使用 CSS 轻松添加自定义规则。
只需使用FTP 客户端连接到您的 WordPress 站点，然后转到 /wp-content/plugins/better-click-to-tweet/assets/css/ 文件夹。
现在找到该bcttstyle.css文件并将其下载到您的计算机上。
接下来，您需要转到您网站上的 /wp-content/uploads/ 文件夹，然后bcttstyle.css从您的计算机上传文件。
您现在可以编辑此文件，您所做的任何更改都将反映在您网站上的所有点击推文框中。
另一种方法是复制插件的 CSS 文件的内容并使用定制器将它们作为自定义 CSS粘贴到您的主题中。这样，您可以通过实时预览更轻松地轻松编辑 CSS。
我们希望这篇文章能帮助您了解如何轻松地将点击推文框添加到您的 WordPress 帖子和页面。您可能还想查看我们最想要的 WordPress 推特黑客和插件列表。