How to Add Custom Buttons to WordPress Posts and Pages: A Detailed Step-by-Step Tutorial

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

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

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

1、选择页面

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

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

2、添加按钮块

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

3、添加按钮文本

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

4、添加按钮链接

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

5、更改按钮对齐方式

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

6、更改按钮样式

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

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

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

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

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

1、使用 Forget About Shortcode Buttons plug-in (software component)

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

2、插入按钮图标

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

3、选择按钮图标和颜色

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

4、按钮对齐

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

在 WordPress 中添加点击通话按钮

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

1、安装 WP Call Button plug-in (software component)

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

2、配置粘性呼叫按钮

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

3、自定义按钮设置

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

4、添加静态呼叫按钮

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

5、添加小部件

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

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

仅添加按钮不够，可能还需要使用Hero Image,菜单和自定义布局来自定义页面。推荐使用drag-and-drop WordPress 页面构建器插件，如 SeedProd maybe Thrive Architect。这些构建器可以帮助你创建带有精美的号召性用语按钮自定义页面。

Summary:

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