WordPress知识分享

如何添加古腾堡编辑器按钮及链接

古腾堡编辑器5.7版本默认自带了按钮功能,以及一些形状、颜色的设置项。本文中魏艾斯笔记分享添加古腾堡编辑器按钮及链接的设置过程。

在没有古腾堡编辑器的日子里,当我们需要按钮的时候,要么自己添加css代码,要么使用按钮插件,要么主题自带按钮等。如果你对按钮要求不高,完全可以省下一个按钮插件。

1、随便打开一个文章或页面,添加一个区块,如下图所示输入“按钮”,点击“多个按钮”。

打开一个文章或页面,添加一个区块,如下图所示输入“按钮”,点击“多个按钮”

2、我们以添加阿里云·云小站按钮链接为例,在按钮上添加文字,点击按钮后添加链接。

点击按钮所在的区块,设置居中,复制多个按钮去合适位置粘贴。

在按钮上添加文字,设置居中,如果需要多个按钮则点击“复制”再去合适位置粘贴。

点击按钮后,在右侧编辑区域可以设置样式、排版>字号,颜色(纯色和渐变色可选)、宽度设置,高级中可以添加链接rel,比如 noreferrer noopener nofollow标签。

最后自定义出来的按钮如下所示:

3、在同一排添加多个按钮

操作方法很简单,只需要在当前按钮右侧点击区块,再点击+号,就出现一个按钮,然后再像上面那样自定义设置。

如果同一行很多个按钮,可以挨个设置宽度,调试出比较合适的布局。

4、古腾堡编辑器按钮的一些缺点:在 WordPress5.7版本还可以选择按钮样式是长方形还是圆角长方形,但是到了 WordPress5.8版本就没有这个选项了。

在 WordPress 不同语言版本中(中英文)按钮的颜色、大小可能不同,这一点老魏也没搞懂为什么。好在对效果展示没有太大的影响,可能后期版本中会解决这个问题。

古腾堡编辑器按钮功能还挺丰富,可以设置很多参数,对于码字的人来说省去了自定义css和安装插件的影响,感兴趣的朋友可以试试。

赞(1)
文章名称:《如何添加古腾堡编辑器按钮及链接》
文章链接:https://www.vpsss.net/26669.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。