创建文章——Gutenberg 編輯器

WordPress
  • Gutenberg 編輯器的使用

WordPress 目前自带的编辑器已经多多少少跟不上时代的步伐了,虽然有第三方的编辑器插件,但是再好用也不是纯正的血统。但是,令人欣喜的是,WordPress 的官方团队明显注意到了用户的需求,于是在去年(2017)6 月份的时候发布了一款新的编辑器:Gutenberg,即古腾堡编辑器

初看起来,这个编辑器的名字有点怪异,但其背后是有故事的:

古腾堡,是第一位发明活字印刷术的欧洲人(不是中国吗?哈哈,大家可以去了解一下相关资料),全名叫约翰内斯·古腾堡,WordPress 新的编辑器取名古腾堡意在向这段历史致敬

相比此前 WordPress 自带的编辑器,新版编辑器的界面有了很大的变化,初次使用可能需要点时间来重新适应,整体看起来十分的清爽,但体验也更好了。

古腾堡编辑器界面
界面风格

接下来,将逐步介绍新版编辑器与旧版编辑器的不同

文章格式工具栏(旧版)

文章格式工具栏(新版)

WordPress旧版编辑器界面
古腾堡编辑器界面
古腾堡编辑器界面

旧版的编辑器,工具栏位于正文的上方,而新版的编辑器则进行了拆分,首先是左上角的加号

古腾堡-Gutenberg编辑器添加内容块
添加内容块

这个加号是添加内容块的按钮,点击展开后我们可以发现很多内置的内容块,包括段落、图片、音频、画册等

其次是段落的编辑

古腾堡-Gutenberg编辑器段落块编辑
段落块编辑

当鼠标选定段落的时候,在段落上方会出现一些格式化工具,可以直接对内容的格式进行操作,不必再和此前旧版编辑器那样将鼠标移至正文上方,缩减了鼠标移动距离。

除此之外,当鼠标选定内容的时候,我们可以发现左侧和右侧均有一些操作按钮。左侧的上下箭头是用来调整内容块位置的,当我们点击向上箭头,内容块将和前面的内容块进行交换,反之亦然。而右侧的竖向省略号点击后则展开一些便携操作,主要是针对内容块的格式调整。

古腾堡-Gutenberg编辑器内容块便携操作
内容块便携操作

那么,有读者可能会好奇怎么修改文字的大小和颜色这些格式呢?其实很简单,我刚开始也有疑问,后来才发现这些操作都移到右边栏了,选择 Block 这个 Tab 就可以,默认是 Document

Gutenberg-古腾堡编辑器右边栏操作界面
右边栏操作界面

这里,你可以设置文字的大小、背景颜色、字体颜色、对齐方式,甚至可以添加 CSS 的类,使得样式的调整更加灵活了。

至此,我相信读者已经发现古腾堡的一个特点,那就是操作都是围绕块(Block)进行的,这也是新版编辑器的一个理念。目前互联网上的一些自媒体平台都是采用这种理念,比如国际知名的写作平台 Medium

Medium 编辑界面
Medium 编辑界面

以上,便是关于 WordPress 新版编辑器 Gutenberg-古腾堡 的基本介绍,更多新功能和玩法大家可以自行安装体验。

 

 

 

 

 

古腾堡是WordPress最新版中自带的编辑器,和之前的经典编辑器相比,古腾堡采用了可视化、模块化的编辑方式,完全改变了之前的写作方式

古腾堡编辑器的使用方式

古腾堡编辑器默认界面

在古腾堡中,你可以通过左上角的添加符号新增段落、图片、列表等其他元素,而在右侧的设置栏中,则是详细的参数设置

如果不需要详细的设置,比如以文字为主的文章,你也可以直接关闭右侧设置栏,这样就像在前端编辑一样,配合全屏与探照灯模式,让你在创作时专注于内容本身

对于很多人来说,古腾堡中的图片区块的使用方式是一个很大的改进,如果想在文章中插入图片,你可以直接把图片拖拽到想要的位置,还可以按Ctrl + V 把剪贴板中的图像直接复制到文章中,非常方便

古腾堡可视化编辑

添加元素分为格式、布局元素、小工具、嵌入等几种类型,元素虽然增加了很多,但是好在可以分组查找,还有一个非常好用的功能就是常用元素,它就像输入法的记忆功能,可以在其中显示你最经常用的几个工具,对于某些不是经常使用或者根本不会用到的组件,你还可以使用区块管理器将它们从编辑器中隐藏

古腾堡元素列表

在工具方面,每个块的左侧和右侧都有隐藏的工具栏,鼠标悬浮才会出现,这里主要是控制块的位置,以及删除、复制等操作

古腾堡新增值得使用的区块

接下来让我们看看古腾堡有哪些值得使用的区块

按钮

古腾堡按钮

古腾堡中新增了按钮功能,用户可以实时调整颜色和背景,直接在编辑界面设置链接

画廊

古腾堡画廊

新增的画廊功能很强大,他不仅让你能够调整图片的列数,而且会根据总数量对图片做出裁切,自动做出整齐的布局

列表缩进

古腾堡的列表样式并没有改变,不过增加了一个非常重要的特性,列表缩进,这样我们就可以创建多个层次的分级列表

表格

古腾堡表格

在古腾堡中,期待已久的表格功能终于添加了,非常好用的一个功能,支持添加、减少、一键设置居中等

其他

除了以上介绍的几个特色功能外,古腾堡还增加了很多其他的功能,比如视频、音频的添加、文件下载、第三方嵌入、分页等功能,满足了更多人的需求

古腾堡会取代其他可视化编辑器吗

WordPress官方可视化编辑器推出,可能有的朋友会觉得是否已经没有必要学习其他可视化编辑器,比如Visual ComposerElementor

这里告诉大家说肯定不会,因为古腾堡的编辑方式为后端编辑器,并且大部分功能是针对文字格式的,这里我们可以看出古腾堡的主要目的是帮助我们更好的排版与内容、优化写作体验;而大部分的可视化编辑器编辑方式就是前端编辑,所见即所得,专门为页面设计而制作,主要的用途是设计网站页面

  • 在WordPress 5.0及后续版本中使用经典编辑器(WYSIWYG),傳統編輯器及 Gutenberg 編輯器的好與壞以及
上一课
创建文章——经典编辑器
下一课
文章类型
创建文章——经典编辑器
文章类型