古腾堡编辑器5.7版本默认自带了按钮功能,以及一些形状、颜色的设置项。本文中魏艾斯笔记分享添加古腾堡编辑器按钮及链接的设置过程。
在没有古腾堡编辑器的日子里,当我们需要按钮的时候,要么自己添加css代码,要么使用按钮插件,要么主题自带按钮等。如果你对按钮要求不高,完全可以省下一个按钮插件。
1、随便打开一个文章或页面,添加一个区块,如下图所示输入“按钮”,点击“多个按钮”。

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

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

点击按钮后,在右侧编辑区域可以设置样式、排版>字号,颜色(纯色和渐变色可选)、宽度设置,高级中可以添加链接rel,比如 noreferrer noopener nofollow标签。
最后自定义出来的按钮如下所示:
3、在同一排添加多个按钮
操作方法很简单,只需要在当前按钮右侧点击区块,再点击+号,就出现一个按钮,然后再像上面那样自定义设置。
如果同一行很多个按钮,可以挨个设置宽度,调试出比较合适的布局。
4、古腾堡编辑器按钮的一些缺点:在 WordPress5.7版本还可以选择按钮样式是长方形还是圆角长方形,但是到了 WordPress5.8版本就没有这个选项了。
在 WordPress 不同语言版本中(中英文)按钮的颜色、大小可能不同,这一点老魏也没搞懂为什么。好在对效果展示没有太大的影响,可能后期版本中会解决这个问题。
古腾堡编辑器按钮功能还挺丰富,可以设置很多参数,对于码字的人来说省去了自定义css和安装插件的影响,感兴趣的朋友可以试试。