两者对比
特性 | 区块编辑器(Gutenberg) | 经典编辑器 |
---|---|---|
界面 | 基于“区块”构建内容,区块可拖拽和排序 | 简单的所见即所得编辑器,界面直观 |
布局控制 | 提供强大的布局控制,可以灵活拖动区块和插入多种内容 | 内容全在一个编辑框内,不支持布局控制 |
内容类型 | 支持多种区块(段落、图片、按钮、列等) | 仅支持基本文本和图片的插入 |
易用性 | 适合现代网页设计,尤其适合构建复杂页面和设计布局 | 简单直观,适合写作和编辑单一内容 |
插件支持 | 支持插件扩展,能够创建自定义区块 | 插件支持较弱,不能像区块编辑器一样扩展 |
兼容性 | 适应新的 WordPress 设计,较新的功能和设计 | 与老旧插件和主题兼容较好 |
编辑器分类
区块编辑器(Gutenberg)
区块编辑器是 WordPress 5.0 版本引入的全新编辑器,它的主要特点是基于“区块”(blocks)来构建内容。每个“区块”都是一个内容单元,可以单独处理、编辑和布局。
主要特点:
-
区块化内容:每个内容元素(如段落、图像、按钮、列表等)都作为一个独立的“区块”来处理。用户可以添加、移动、删除各个区块,从而灵活地构建页面。
-
直观的界面:区块编辑器通过拖放和点击来修改内容,提升了用户的编辑体验,尤其适合没有编程经验的用户。
-
更强的布局控制:通过区块,用户可以创建复杂的布局,像是列布局、卡片样式等,更多的内容可以通过预先设计好的区块来快速添加。
-
扩展性:开发者可以创建自定义的区块,提供更多的功能,适应不同类型的内容需求。例如,插件可以增加按钮、社交分享、特定格式的图片等自定义区块。
区块编辑器的界面:
区块编辑器的页面是通过多个不同类型的区块拼接而成的。例如,你可以使用段落区块来编辑文本,使用图像区块来插入图片,使用按钮区块来插入按钮。
举例:
- 一个页面可能由 标题区块、文本区块、图像区块、视频区块 等组成。
- 每个区块都可以单独编辑,添加额外的样式或设置,区块间可以自由拖动调整顺序。
经典编辑器
经典编辑器是 WordPress 的旧版编辑器,它提供的是一个传统的文本编辑器界面,类似于早期的文字处理软件。经典编辑器更多依赖于 HTML 和富文本格式的编辑方式,用户只能在一个大文本框内编写内容,而无法像区块编辑器那样将内容拆分为独立的元素。
主要特点:
-
简单直观:经典编辑器通过一个单一的内容编辑区域,让用户简单直观地编辑文本和插入基本的多媒体元素(如图像、视频、链接等)。
-
所见即所得:经典编辑器支持传统的“所见即所得”(WYSIWYG)编辑,即你看到的内容就是发布后的样子。可以使用工具栏来格式化文本(如加粗、斜体、对齐方式等)。
-
不支持区块化内容:经典编辑器并没有区块概念,所有内容都存在于一个大的编辑框中,缺乏区块编辑的灵活性和布局控制。
-
兼容性较好:经典编辑器与一些老旧插件和主题更兼容,适合习惯传统方式的用户。
经典编辑器的界面:
经典编辑器提供一个标准的文本编辑器,工具栏包含了常见的文本格式化选项、插入图片、添加链接等功能。用户只能编辑文本和基本内容,无法使用区块化的结构进行内容的拖拽和灵活布局。
切换编辑器
默认情况下,WordPress 5.0 以后会启用区块编辑器,但如果你更喜欢经典编辑器,可以通过安装 经典编辑器插件 来恢复使用旧版编辑器。