怎么不用代码就能在 WordPress 中添加按钮

在 WordPress 文章和页面中添加按钮

WordPress 有内置按钮块,添加按钮变比较简单。这是(古腾堡)Gutenberg WordPress 块编辑器的一项功能。

我们看看都有哪些方法吧!

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

根据我们的经验,这种方法很简单,最适合新手用。它用 WordPress 块编辑器中内置的“按钮”块。

首先,需要创建一个新帖子编辑现有帖子添加按钮

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

图片[1]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,能够看到添加到内容编辑器的按钮块。

只需单击“添加文本…”区域并输入按钮文本。

图片[2]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

之后,点击工具栏中的链接按钮添加链接。

可以搜索帖子或页面,或者简单地复制并粘贴 URL 到链接字段中。

图片[3]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,按“Enter”或按“应用”图标保存链接。

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

图片[4]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,可以从右侧的块设置面板自定义按钮样式并更改文本和背景颜色。

只需切换到块设置下的“样式”选项卡即可调整按钮样式。

图片[5]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

有三种按钮样式可供选择:默认、轮廓和方形。可以点击每个按钮尝试一下,然后选择看起来最好的一种。

颜色设置部分包括按钮背景和按钮文本的五种颜色变化。不仅如此,还可以通过单击“自定义颜色”选项用选择的自定义颜色。

图片[6]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

对按钮设计满意后,保存帖子或发布,然后预览一下。

这是它在演示网站上的样子。

图片[7]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 WordPress 中添加点击通话按钮

除了常见的号召性用语按钮外,还可以在网站上添加点击通话按钮来增加潜在客户和转化率。

点击呼叫按钮是一种特定类型的号召性用语按钮,用户只需轻按一下即可致电团队。

使用点击通话按钮,网站访客可以立即与团队交谈。讨论报价请求、售前信息还是解决问题,电话通话都非常快捷方便。

随着智能手机用户数量的增长,添加立即呼叫按钮现在变得更多了。

我们逐步看看如何在 WordPress 中添加点击通话按钮

先安装并激活WP Call Button插件

激活后,去设置»WP Call Button页面来配置插件设置并设计点击通话按钮。

图片[8]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

首先,会看到“粘性呼叫按钮”设置。

可以先激活“立即呼叫”按钮状态。单击开关即可激活该状态。

之后,输入电话号码。WP Call Button 有一个电话号码字段,其中包含国家代码。只需选择国家/地区并输入你的电话号码即可。

然后,可以编辑呼叫按钮文本并选择呼叫按钮的位置和颜色。

此外,还可以选择在网站上显示粘性呼叫按钮的位置。默认情况下,它会在所有页面和所有设备上显示呼叫按钮。可以在某些页面上显示隐藏按钮,或只在手机端显示它。

看完所有选项后,可以点击底部的“保存更改”按钮。刷新网站前端查看粘性呼叫按钮的实际效果。

图片[9]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

除了粘性呼叫按钮之外,还可以用这个插件在 WordPress 页面、帖子和侧边栏上添加静态呼叫按钮。

如果用 WordPress 块编辑器,那么可以使用 WP Call Button 块轻松地在页面上添加立即呼叫按钮。

创建新页面或编辑现有页面并使用页面编辑器添加 WP Call Button 块

图片[10]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

可以自定义按钮文本、按钮颜色、文本颜色和字体大小并显示或隐藏电话图标。

对设计满意,就可以发布更新页面。

图片[11]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容