在 WordPress 文章和页面中添加按钮
WordPress 有内置按钮块,添加按钮变比较简单。这是(古腾堡)Gutenberg WordPress 块编辑器的一项功能。
我们看看都有哪些方法吧!
使用默认编辑器在 WordPress 文章/页面中添加按钮
根据我们的经验,这种方法很简单,最适合新手用。它用 WordPress 块编辑器中内置的“ボタン「ブロック
首先,需要创建一个新帖子もしかしたら编辑现有帖子にはボタン追加.
在帖子编辑屏幕上,单击“+”图标并从布局元素部分中选择按钮块。
![图片[1]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702044263.png)
接下来,能够看到添加到内容编辑器的按钮块。
をクリックするだけです。添加文本…”区域并输入按钮文本。
![图片[2]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702050311.png)
之后,点击工具栏中的链接按钮添加链接。
可以搜索帖子或页面,或者简单地复制并粘贴 URL 到链接字段中。
![图片[3]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702051820.png)
完成后,按“入る”或按“アプライアンス”图标保存链接。
如果要将按钮显示在中央,可以单击“整列”图标,然后选择“居中对齐”。还可以从工具栏更改按钮的垂直对齐方式。
![图片[4]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702055294.png)
接下来,可以从右侧的块设置面板自定义按钮样式并更改文本和背景颜色。
只需切换到块设置下的“样式”选项卡即可调整按钮样式。
![图片[5]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702064567.png)
有三种按钮样式可供选择:默认、轮廓和方形。可以点击每个按钮尝试一下,然后选择看起来最好的一种。
颜色设置部分包括按钮背景和按钮文本的五种颜色变化。不仅如此,还可以通过单击“カスタムカラー”选项用选择的自定义颜色。
![图片[6]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702080171.png)
对按钮设计满意后,保存帖子或发布,然后预览一下。
这是它在演示网站上的样子。
![图片[7]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702085982.png)
在 WordPress 中添加点击通话按钮
除了常见的号召性用语按钮外,还可以在网站上添加点击通话按钮来增加潜在客户和转化率。
点击呼叫按钮是一种特定类型的号召性用语按钮,用户只需轻按一下即可致电团队。
使用点击通话按钮,网站访客可以立即与团队交谈。讨论报价请求、售前信息还是解决问题,电话通话都非常快捷方便。
随着智能手机用户数量的增长,添加立即呼叫按钮现在变得更多了。
我们逐步看看如何在 WordPress 中添加点击通话按钮.
先安装并激活WP Call Button插件.
激活后,去设置»WP Call Button页面来配置插件设置并设计点击通话按钮。
![图片[8]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702130529.png)
首先,会看到“粘性呼叫按钮設定
可以先激活“立即呼叫”按钮状态。单击开关即可激活该状态。
之后,输入电话号码。WP Call Button 有一个电话号码字段,其中包含国家代码。只需选择国家/地区并输入你的电话号码即可。
然后,可以编辑呼叫按钮文本并选择呼叫按钮的位置和颜色。
此外,还可以选择在网站上显示粘性呼叫按钮的位置。默认情况下,它会在所有页面和所有设备上显示呼叫按钮。可以在某些页面上示すもしかしたら隐藏按钮,或只在手机端显示它。
看完所有选项后,可以点击底部的“変更の保存”按钮。刷新网站前端查看粘性呼叫按钮的实际效果。
![图片[9]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702132522.png)
除了粘性呼叫按钮之外,还可以用这个插件在 WordPress 页面、帖子和侧边栏上添加静态呼叫按钮。
如果用 WordPress 块编辑器,那么可以使用 WP Call Button 块轻松地在页面上添加立即呼叫按钮。
创建新页面或编辑现有页面并使用页面编辑器添加 WP Call Button 块.
![图片[10]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702133427.png)
可以自定义按钮文本、按钮颜色、文本颜色和字体大小并显示或隐藏电话图标。
对设计满意,就可以ポストもしかしたら更新ページ
![图片[11]-怎么不用代码就能在 WordPress 中添加按钮-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/09/2024092702134435.png)
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/20771この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし