WordPress古腾堡编辑器实测

WordPress5.0向所有用户强制推送了新的编辑器——古腾堡(Gutenberg)。早在公测期间我们就已经体验过了这款编辑器,但那时相当简陋,直到现在评分也仍然很低(也没想到官方能这么草率的强制推送),本文记录了我在实际使用这款编辑器的一些经验的想法,分享给大家。

简单上手

与传统编辑器最主要的区别,就在于古腾堡定义的“区块”,他取代了老式编辑器万物皆“段落”的编辑方式,他用所见即所得的区块来替代短代码和HTML编辑器,更加区分了“<P>”和“<h>”的等HTML标签的区别,明确了<p>用于段落,并减少使用“<div>”。

并且,古腾堡为任意区块提供了自定义菜单,虽然相当简陋(例如Class没有下拉菜单),却也补足了传统编辑器的缺陷,毕竟传统编辑器也就能用来修理修理文字的格式而已,段落的格式编辑基本只能在代码界面操作,而且往往发生转义。

使用到这里,我发现古腾堡要做的,是解决传统编辑器WordPress文章排版较为困难的问题。

更不灵活的文本编辑

虽然在使用上,编辑下一段文本依旧换行就可以,但对于先敲文字再转换格式(区块)时,选择范围被较大限制了,但这不是最让人难受的地方。

对于区块内部的编辑体验,缺开始明显弱于老编辑器:仅提供了加粗(strong)、斜体(em)、链接(简陋只能输入文本)、删除线四个对局部文字使用的功能,没有提供对部分文字进行字体、颜色修改(仅对区块整体有效)、代码、锚(仅对标题区块整体有效)等传统编辑器提供的按钮,这对于一些使用情况来说就比较尴尬了,好在官方也知道这个问题,为我们提供了"经典"区块进行着部分的文字编辑,但又回到我们之前说的问题上——不能直接转换为经典区块,而且这也违背了古腾堡的初衷。

更好更一致的编辑扩展

说完了文字编辑,我们回来看一下他比传统编辑器优势在哪里,首先来看一下新的区块:

这是传统引文(blockquote),遗憾的是,依旧不是用<q>标签来显示简短引用。

这是末行,新的编辑器开始支持"cite"标签

大段引用(figure.blockquote)

这其实跟上一个区块是不一样的,但是很不幸我的主题采用blockquote选择CSS样式,由此可见WordPress真正进入古腾堡时代仍需要大量开发者进行兼容

第一栏

第二栏

第二栏内容

第三栏

虽然古腾堡提供了分栏和表格,但是对于其内部布局的属性无法自定义,只能通过HTML编辑,这又违背了古腾堡的初衷

以上是古腾堡一部分指的注意的新区块,还有一些嵌入区块,如Twitter、YouTube、自定义网页等,还有诸如画廊、音乐、文件等一些嵌入区块,也有诸如短代码、经典的向上兼容区块,以及诸如日历、分类等小工具,还有区块菜单中的“搜索”和“最常用”两个快捷插入入口,无不看出古腾堡的野心——统一WordPress短代码、内容插件和小部件为“块”。我还想给大家展示的是下面两个区块:

这里是诗句,5.0提供的效果为不自动换行而是为显示滚动条,但是很不幸我的代码高亮插件采用Pre来选择CSS样式,虽然效果差不多但加入了代码的一些特性。
这是HTML区块,在这里写入的HTML代码都会被正确显示,解决了传统编辑器中自定义格式时切换可视化与代码编辑模式时的各种割裂毛病,除了可视化界面中的HTML区块,新的代码编辑模式还为区块添加了注释,进行全代码编辑时更加清晰明,也解决了一些自动清除代码和转义的毛病。

古腾堡项目特别重视扩展性,不仅仅是开发者受益,普通用户也可以将编辑好的区块“添加到可重用区块”当中,快速建立自己的新区块。

未来

从我获取到的信息来说,官方给古腾堡的定义是一款统一接口、风格现代、全新架构、整合WP所有编辑功能的编辑器,来减轻用户的排版和定制化成本,并取代架构性能较差的老编辑器(尤其是手机端的编辑体验),并在第二和第三个阶段接管整个网站的与“编辑”有关的所有操作,包括外观的美化等等。总而言之,就是WP打算将可视化网站编辑作为新的方向,用古腾堡作为编辑器,可以说古腾堡代表了WP的未来。

结语

从上面的分析我们看出,古腾堡的问题并不是出现在不兼容、不适应和简陋上面,而是在一个“新”字,新到官方都没有完善,新到第三方开发者还没有进行扩展和兼容,这个时候官方通过WP5.0强行将一款尚不成熟的编辑器强制推送,可想而知对于用户体验来说是多么抗拒。

然而,正如电最初这样那样的问题,依旧取代了蒸汽机一样,古腾堡带来的新特性和新的接口是革命性的,只要稍加完善未必差于老编辑器。我们建议大家在编辑特殊文本时,采用“经典”区块替代“段落”区块进行编辑,能够最大限度的兼顾两者优点,也适应新的编辑方式。

不想使用新编辑器?

请安装并启用官方“经典编辑器(Classic Editor)”插件,我们也发布过《WordPress传统编辑器方案哪家强》,用于扩展功能。

附录

  1. “段落”区块属性的“首字下沉”最好支持自定义大小,不然效果奇差。
  2. “段落”区块属性可以加入首行缩进功能。
  3. “段落”区块至少要达到老编辑器提供的功能,最好支持自定义Class。
  4. 现有的编辑器不支持选中文本拖动移位。
  5. 加粗、斜体、短引用用的HTML标签还有待商榷。
  6. URL链接要加入高级设置,链接本地文章、锚什么的,最好支持自定义Class。
  7. 表格和分栏不支持单元格属性,最起码宽度我得能自定义吧?
  8. 现在选择分类文章时,加载分类文章好慢。
  9. 自定义字段放在文章编辑区下面,真的好吗?
  10. “区块导航”与“文本大纲”结合起来应该很不错,另外点击大纲的标题,编辑器怎么也得跳转到啊,不能光设置区块属性啊......
  11. 区块列表最常用九宫格面积太大了。
  12. 最好能自定义默认文本区块,如回车出来的时“经典”区块而不是“段落”。
点赞

    发表评论