如何向 WordPress 添加推文按钮(3 种方式)

已发表: 2022-08-18

您想向您的 WordPress 网站添加推文按钮吗?

点击推文按钮使网站访问者可以轻松地在 Twitter 上分享您的内容。 这样,您就可以通过旨在产生兴趣、潜在客户和潜在客户的内容来吸引目标受众。

在本教程中,我们将逐步向您展示如何将推文按钮添加到您的网站。

为什么要向 WordPress 添加推文按钮?

Twitter 营销拥有超过2.17 亿的每日活跃用户,是将目标受众带到您的网站的最有效方式之一。 但是,当您在 Twitter 上分享自己的内容时,您只能接触到有限数量的用户。

在 Twitter 上吸引未关注您的人的一种有效方法是在您的网站上添加推文按钮。

当用户访问您的网站时,一个推文按钮将鼓励他们在他们的个人 Twitter 时间线上分享您的内容。 因此,他们的关注者会看到您的内容,然后可以喜欢、评论并将其转发给他们的关注者。

由于 Twitter 分享按钮将您的内容广播给更广泛的受众,因此它还可以帮助您增加 Twitter 关注者。 此外,曝光可以帮助您建立社会认同和品牌认知度,从而带来更多潜在客户和销售。

既然您知道为什么 Twitter 按钮可以使您的业务受益,那么让我们看看如何将一个按钮添加到您的 WordPress 网站。

如何在 WordPress 中添加推文按钮

有几种方法可以向您的网站添加点击推文框或按钮; 但是,有些比其他的要容易得多。

在这篇文章中,我们将首先向您展示如何使用 WordPress 插件轻松添加点击推文按钮。 然后,我们将向您展示如何手动添加 Twitter 推文按钮代码。

  • 使用 SeedProd 添加一个 WordPress 推文按钮
    • 手动向 WordPress 添加推文按钮
    • 奖励:使用 Smash Balloon 显示 Twitter 提要和推文按钮

    使用 SeedProd 添加一个 WordPress 推文按钮

    SeedProd WordPress 网站建设者

    对于第一种方法,我们将使用最好的 WordPress 网站构建器 SeedProd 将 Twitter 按钮添加到您的网站。 它带有一个可视化的拖放编辑器,允许您在没有代码的情况下创建和自定义 WordPress 网站的任何区域。

    您可以使用 SeedProd 创建:

    • 自定义 WordPress 主题
    • 高转化登陆页面
    • WooCommerce 模板
    • 即将推出和维护页面
    • WordPress登录页面
    • 和更多

    该插件还包括强大的内容元素和块,有助于产生潜在客户、品牌知名度和用户体验。 例如,我们将在本指南中使用的块是 Twitter 推文按钮。

    按照以下步骤使用 SeedProd 在 WordPress 中添加推文按钮。

    步骤 1. 安装 SeedProd 插件

    首先,单击此处开始使用 SeedProd 并将插件下载到您的计算机。 然后,您可以将插件 .zip 文件上传到您的 WordPress 网站。

    如果您以前从未安装过插件,则可以按照本指南安装和激活 WordPress 插件。

    一旦 SeedProd 在您的网站上处于活动状态,请从您的 WordPress 仪表板转到SeedProd » 设置页面并输入您的许可证密钥。

    输入您的许可证密钥

    您可以在 SeedProd 网站上帐户仪表板的“下载”部分下找到您的密钥。

    找到您的 SeedProd 许可证密钥

    粘贴许可证密钥后,单击验证密钥按钮。

    第 2 步。创建登录页面或 WordPress 主题

    使用 SeedProd 有 2 种方法可以将 Tweet 按钮添加到您的网站。

    您可以将当前的 WordPress 主题替换为使用 SeedProd 网站工具包设计的自定义主题。 或者,您可以使用现有的 WordPress 主题创建登录页面。

    在本教程中,我们将通过使用 SeedProd 的主题构建器自定义单个帖子模板来为博客帖子添加推文按钮。 查看本指南,了解使用 SeedProd 创建自定义 WordPress 主题的所有步骤。

    如果您希望将推文按钮添加到您的登录页面,您可以按照本指南在 WordPress 中创建登录页面。

    这两个教程都将向您展示如何选择模板并准备好您的主题或登录页面以进行自定义。 当您准备好添加推文按钮时,请跳至本指南的第 3 步。

    步骤 3. 向 WordPress 添加推文按钮

    使用 SeedProd 创建主题或登录页面后,您可以使用拖放构建器轻松对其进行自定义。 如上所述,我们将向我们的 WordPress 帖子页面添加一个推文按钮。 这样,用户可以在阅读您的博客文章后发布推文,并在社交媒体上与他们的观众分享。

    为此,请从您的 WordPress 管理员转到SeedProd » Theme Builder页面。 这将显示主题的各个部分,例如:

    • 标题
    • 页脚
    • 侧边栏
    • 主页
    • 博客页面
    • 单个帖子
    • 单页
    SeedProd 主题零件

    每个主题部分都非常容易在 SeedProd 的可视化编辑器中进行编辑和自定义。 只需将鼠标悬停在一个上,然后单击编辑设计链接。

    编辑单个帖子模板 WordPress

    由于我们正在向博客文章添加推文按钮,因此我们将编辑Single Post模板。 单击“编辑设计”链接后,您的模板将在 SeedProd 的可视化拖放编辑器中打开。

    您将在左侧看到不同的内容块和部分,在右侧看到页面的实时预览。

    单击实时预览中的任何元素会在左侧面板中打开其设置。 这允许您更改内容并自定义该元素的样式和外观。

    SeedProd 块设置

    有两种方法可以使用 SeedProd 添加推文按钮:

    1. 社交分享块
    2. Twitter 推文按钮块

    我们将演示这两个选项,以便您决定哪个最适合您的网站,但首先,让我们添加一个新列来容纳我们的 Twitter 按钮。

    为此,请将列块从左侧面板拖放到预览中。 然后,您可以为您的内容选择列布局。

    seedprod 柱块

    在此示例中,我们有一个 2 列布局,其中一侧比另一侧宽。

    接下来,拖动标题块并将其添加到第一列。 在设置面板中,您可以将标题更改为“分享此内容”之类的内容。

    SeedProd 标题块

    现在您已准备好添加推文按钮。

    SeedProd 社交分享块

    首先,我们将使用 SeedProd 的社交分享块为多个社交媒体网络(包括 Twitter)添加分享按钮。 在Advanced blocks 面板下找到块,并将其放入设计的第二列。

    SeedProd 社交分享块

    SeedProd 将使用推文按钮和 Facebook 分享按钮预先填充它。 单击该块可让您为 Pinterest 和 LinkedIn 添加更多社交共享选项以及更改按钮大小和对齐方式的设置。

    社交分享块设置seedprod

    在高级设置选项卡中,您可以自定义按钮样式和间距,并在移动和桌面设备上显示或隐藏它。

    社交分享区块高级设置

    Twitter 推文按钮块

    要添加单个推文按钮,只需在高级块面板中找到Twitter 推文按钮块,然后将其拖放到您的页面上。

    SeedProd 推特推文按钮

    在推文按钮设置面板中,您可以自定义多个设置。 例如,您可以添加希望访问者共享的 URL、推文内容和主题标签。

    您可以通过提及和相关 Twitter 帐户添加 @,并更改按钮大小、对齐方式和语言。

    seedprod 推文按钮设置

    尝试使用 SeedProd 的社交分享和推文按钮块,直到找到适合您网站的组合。 如果您对所有内容感到满意,请单击右上角的保存按钮。

    保存对推文按钮的更改

    第 4 步。在 WordPress 中发布您的推文按钮

    下一步是让您的推文按钮在您的 WordPress 网站上生效。 为此,请转到SeedProd » Theme Builder页面并将启用 SeedProd 主题切换到“打开”位置。

    启用种子产品主题

    做得好! 现在您可以预览您的网站以查看您的推文按钮的外观。

    这是推文按钮的示例:

    Twitter 推文按钮示例

    这是共享按钮的示例:

    推特分享按钮

    手动向 WordPress 添加推文按钮

    对于下一种方法,我们将向您展示如何在没有 WordPress 插件的情况下手动将推文按钮添加到 WordPress。 您可以通过使用 Twitter 的发布工具来做到这一点,这些工具允许您嵌入推文、时间线或按钮。

    此方法不能对推文按钮提供太多控制。 但是,对于不希望向其 WordPress 网站添加更多插件的用户来说,这是一个有用的解决方案。

    要开始使用,请转到 Twitter 发布工具网站并选择Twitter 按钮嵌入类型。

    推特发布工具

    接下来,将弹出一个窗口,要求您选择按钮类型:

    • 分享按钮:在 Twitter 上分享链接。
    • 关注按钮:允许用户关注您的 Twitter 个人资料。
    • 提及按钮:直接从您的网站开始对话。
    • 话题标签按钮:使用话题标签发布关于主题的推文。
    • 消息按钮:让访问者在 Twitter 上私下向您发送消息。
    Twitter 推文按钮

    让我们为本指南选择“共享”按钮。 单击您的按钮类型后,您将看到类似于以下页面的页面:

    复制推文按钮嵌入代码

    单击按钮复制嵌入代码,然后返回您的 WordPress 站点。

    我们会将此推文按钮添加到我们的 WordPress 侧边栏,因此请从您的 WordPress 仪表板导航到外观»小部件。 然后找到自定义 HTML块并将其添加到您的主要侧边栏区域。

    在块内,粘贴您之前复制的推文按钮嵌入代码,然后单击更新按钮。

    将推文按钮添加到 WordPress 侧边栏

    现在,当您访问 WordPress 网站时,您会在博客侧边栏中看到推文按钮。

    推文按钮嵌入示例

    奖励:使用 Smash Balloon 显示 Twitter 提要和推文按钮

    您是否知道您还可以使用 Smash Balloon 的 Twitter Feeds 插件向您的 WordPress 网站添加精美的 Twitter Feeds?

    粉碎气球 twitter feeds 插件主页

    自定义 Twitter 订阅源插件是 WordPress 最受好评的 Twitter 订阅源插件。 只需单击几下,您就可以使用它在您的网站上显示令人惊叹的 Twitter 提要。

    您可以使用视觉提要编辑器实时自定义实时 Twitter 提要,并从多种提要类型中进行选择以满足您的业务需求。 每个提要还包括推文按钮,允许网站访问者与他们的关注者分享您的 Twitter 内容。

    按照 Smash Balloon 的分步指南将 Twitter 提要添加到 WordPress。

    而已!

    我们希望您喜欢本教程,它可以帮助您学会轻松地向 WordPress 添加推文按钮。 您可能还喜欢本指南,让您的博客看起来像一个网站。

    准备好向您的网站添加推文按钮了吗?

    立即开始使用 SeedProd

    谢谢阅读。 请在 YouTube、Twitter 和 Facebook 上关注我们,获取更多有用的内容来发展您的业务。