Tag: WordPress 按钮添加指南

  • 如何在 WordPress 文章和页面中添加自定义按钮:详细分步教程

    如何在 WordPress 文章和页面中添加自定义按钮:详细分步教程

    图片[1]-361Sale WordPress Care

    WordPress 内置按钮块让添加按钮变得非常简单,这是 Gutenberg WordPress 块编辑器引入的一项功能。本文将向你展示如何在 WordPress 博客文章和页面中添加号召性用语按钮的多种方法。可以选择最适合你需求的解决方案。

    使用默认编辑器在 WordPress 文章/页面中添加按钮

    这种方法简单易用,适合所有用户。它使用 WordPress 块编辑器中内置的“按钮”块。如果你仍在使用较旧的经典编辑器,可以跳到下一部分。

    1、选择页面

    需要创建一个新帖子编辑现有帖子以添加按钮。

    图片[2]-361Sale WordPress Care

    在帖子编辑屏幕上,点击“+”图标并从布局元素部分中选择按钮块。

    图片[3]-361Sale WordPress Care

    2、添加按钮块

    接下来,应该能看到按钮块已添加到内容编辑器中。只需点击“添加文本…”区域并输入按钮文本。

    图片[4]-361Sale WordPress Care

    3、添加按钮文本

    然后,点击工具栏中的链接按钮添加链接。可以搜索帖子或页面,或简单地复制并粘贴 URL 到链接字段中。完成后,按“Enter”或点击“应用”图标保存链接。

    图片[5]-361Sale WordPress Care

    4、添加按钮链接

    如果要将按钮居中显示,可以点击“对齐”图标,然后选择“居中对齐”。还可以从工具栏更改按钮的垂直对齐方式。

    图片[6]-361Sale WordPress Care

    5、更改按钮对齐方式

    接下来,可以从右侧的块设置面板自定义按钮样式并更改文本和背景颜色。只需切换到块设置下的“样式”选项卡即可调整按钮样式。

    图片[7]-361Sale WordPress Care

    6、更改按钮样式

    有三种按钮样式可供选择:默认、轮廓和方形。颜色设置部分包括按钮背景和文本的五种颜色变化。还可以通过点击“自定义颜色”选项选择自定义颜色。对按钮设计满意后,保存或发布你的帖子以查看实时预览。

    图片[8]-361Sale WordPress Care

    在经典编辑器中创建 WordPress 按钮

    默认的 WordPress 块编辑器更现代、更快速。一些用户仍在使用旧的经典 WordPress 编辑器。我们不建议使用经典编辑器,因为它功能有限,已过时。

    如果仍在使用经典编辑器,可以通过以下三种方法在 WordPress 中添加按钮:

    1. 使用 HTML/CSS 代码添加按钮。
    2. 使用按钮短代码插件添加按钮。
    3. 不使用短代码添加按钮。

    1、使用 Forget About Shortcode Buttons 插件

    推荐的第三种方法是使用插件。首先,在仪表板安装并激活 Forget About Shortcode Buttons 插件。激活插件后,创建新帖子或编辑现有帖子。在编辑器中,点击“插入按钮”图标。

    2、插入按钮图标

    将弹出一个窗口,您可以在其中设计新按钮。首先,添加按钮文本和 URL。接下来,可以向链接添加 nofollow 标签,并选择在新选项卡中打开链接。

    图片[9]-361Sale WordPress Care

    3、选择按钮图标和颜色

    还可以选择按钮图标、文本颜色和背景颜色,选择按钮样式和尺寸。完成后,点击“更新”按钮,按钮将插入到帖子中。

    图片[10]-361Sale WordPress Care

    4、按钮对齐

    可以通过选择按钮文本并使用编辑器中的工具栏按钮设置按钮对齐。对其设计满意后,发布或更新帖子查看实际效果。

    图片[11]-361Sale WordPress Care

    在 WordPress 中添加点击通话按钮

    点击呼叫按钮是一种特定类型的号召性用语按钮,用户只需点击即可致电您的团队。这对于增加潜在客户和转化率非常有效。

    1、安装 WP Call Button 插件

    首先,安装并激活 WP Call Button 插件。激活后,访问设置»WP Call Button 页面配置插件设置并设计点击通话按钮。

    图片[12]-361Sale WordPress Care

    2、配置粘性呼叫按钮

    在“粘性呼叫按钮”设置中,激活“立即呼叫”按钮状态,输入电话号码,编辑呼叫按钮文本,选择按钮位置和颜色。

    3、自定义按钮设置

    可以自定义按钮文本、颜色、图标等,选择在网站的哪些页面和设备上显示粘性呼叫按钮。保存更改后,访问网站查看按钮效果。

    4、添加静态呼叫按钮

    还可以使用插件在 WordPress 页面、帖子和侧边栏上添加静态呼叫按钮。在块编辑器中添加 WP Call Button 块并自定义按钮设计。如果使用经典编辑器,可以使用短代码生成器获取短代码,然后将其添加到帖子或页面中。

    图片[13]-361Sale WordPress Care

    5、添加小部件

    将 WP 呼叫按钮小部件拖到侧边栏或其它小部件区域,保存设置。

    图片[14]-361Sale WordPress Care

    在 WordPress 中添加自定义按钮提示

    仅添加按钮不够,可能还需要使用英雄图像菜单和自定义布局来自定义页面。推荐使用拖放式 WordPress 页面构建器插件,如 SeedProdThrive Architect。这些构建器可以帮助你创建带有精美的号召性用语按钮自定义页面。

    总结:

    本文详细介绍了如何在 WordPress 文章和页面中添加号召性用语按钮的多种方法。无论是使用默认的 Gutenberg 块编辑器,还是经典编辑器,都有多种选择供你使用。你可以通过内置按钮块、插件如 Forget About Shortcode Buttons 和 WP Call Button 等方式添加自定义按钮和点击通话按钮。