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

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

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

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

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

1、选择页面

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

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

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

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

2、添加按钮块

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

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

3、添加按钮文本

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

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

4、添加按钮链接

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

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

5、更改按钮对齐方式

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

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

6、更改按钮样式

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

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

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

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

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

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

1、使用 Forget About Shortcode Buttons 插件

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

2、插入按钮图标

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

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

3、选择按钮图标和颜色

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

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

4、按钮对齐

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

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

在 WordPress 中添加点击通话按钮

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

1、安装 WP Call Button 插件

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

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

2、配置粘性呼叫按钮

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

3、自定义按钮设置

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

4、添加静态呼叫按钮

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

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

5、添加小部件

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

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

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

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

总结:

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/14547/

(0)
上一篇 2024年 7月 27日 上午9:41
下一篇 2024年 7月 27日 上午9:56

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。