利用古腾堡区块轻松给WordPress网站创建新页面(Gutenberg)

不管建立什么站，网页是必不可少的，就算只有一个首页那也是一个网页，也不知道从什么时候开始wordpress推出了新的页面编辑器叫做古腾堡(Gutenberg)，这是一款可视化模块化的即时编辑器，我个人认为使用这款编辑器给WordPress网站创建新页面更轻松，对新手更友好。

接下来就跟着文章一步一步来学习一下如何建立一个丰富而独特的页面吧。

[wpcode id=”22747″]

1. 创建新空白页面并创建标题

创建新空白页面在wordpress后台面板的左侧Page中，点击Add New，就会跳转到新建空白页面的编辑界面，即古腾堡编辑器。

在第一次进入新的编辑界面，会弹出简单的使用向导，你跟着点next了解一下也好，直接关掉也行都不影响什么。接下来你可以给页面取名字，比如我们建立一个About Us页面。

确定好标题之后，就可以开始编辑页面内容了。

2. 选择并添加block

WordPress最新的古腾堡编辑器是通过模块化，官方叫block，翻译称区块，随便了，反正就是做好的模块元素，直接放进页面，修改成自己需要的内容，这样对于很多不会设计不懂代码的用户绝对是一个福音。

如上图，可以通过两个地方添加block区块，假如你没有安装任何的区块插件，那就只能从官方的区块库中选择区块了，不过这里我推荐大家安装Kadence Block这个插件，里面大概有20多个类型的区块，基本网页要用到的元素它都有。当然如果你的主题本身自带其他区块你可以用其他区块或者模板。

About Us页面一般都是介绍网站的一个页面，你随你喜好介绍了，比如我一开始添加一个Row Layout的区块，这是一个行局区块，你可以选择你添加的内容分成几列：

Kadence Block自带已经做好的设计库，Design Library，你可以挑选一个或者你也可以添加一个空白的分列行，然后自己设计你想要的内容，这里我从Design Library中选择一个吧。

上图你可以看到里面有不少设计好的区块，你可以挑选你喜欢的设计，也有整页设计模板可选择，就是Starter Packs。这里我挑选几个区块比如my story, our team, what people are saying.

这里添加的block，假如不做任何修改，你这个页面就是你现在看到的这样。当然你可以直接点击文字和图片来修改内容，非常简单。

3. 设置block

你不仅可以修改block中的文字和图片，也能对block进行设置，，比如调整宽度，调整颜色，设置每一个元素的边界空白等等。

block设置有两个部分，第一个部分看下图左边图片上方有一栏各种小图标这里是你可以替换图片，切割图片，修改图片宽度，给图片添加链接等等。

第二个部分在右边，你可以点击右上角的螺帽符号，弹出的左侧设置栏有Page和Block，选择Block就能对你选中的元素进行相应的设置了。

另外上图的Block包含图片和文字实际是一个两列的Block，你不仅可以对每一列设置，还能对整个block进行设置，怎么选择需要设置部分呢，看下图中这个设置栏其实是分两部分，图片中箭头指向的前面这个小框框，你点击就能前往上一层，如果block有多层，会一层一层往上跳，你选择你需要的层级进行设置就行了。