GenerateBlocks 是基于 WordPress 区块编辑器构建的扩展插件,它并不是替代编辑器,而是在原生区块编辑体验之上进行增强。理解区块编辑器的整体结构,有助于更高效地使用 GenerateBlocks,也能避免在编辑过程中出现操作上的困惑。下面将从整体视角出发,对 WordPress 区块编辑器的组成以及 GenerateBlocks 的增强方式进行系统梳理。
WordPress 区块编辑器概览
WordPress 区块编辑器由多个功能区域协同组成,每个区域都承担着不同的编辑职责。整体可以分为四个核心区域,分别对应内容创建、结构管理和设置控制。
编辑器的四个主要区域
区块编辑器主要包含以下部分:
顶部工具栏
用于管理文章状态、编辑器显示模式以及全局编辑选项。
左侧边栏区域
主要用于插入区块、管理区块结构和查看文档层级。
中央编辑区域
实际编写和排版内容的工作区。
右侧边栏区域
集中显示文章设置与区块设置,同时也是 GenerateBlocks 功能的主要入口。
这四个区域相互配合,构成了完整的编辑体验。
顶部工具栏的核心功能
顶部工具栏是编辑器的控制中心,几乎所有全局操作都可以在这里完成。
内容发布与预览
顶部栏提供了文章相关的基础操作,包括:
发布或更新内容
保存草稿
预览文章在前台的显示效果
这些功能确保你在不同阶段都能安全地管理内容状态。
响应式视图切换
WordPress 内置了设备视图切换功能,可以模拟桌面端、平板和移动端的显示效果。
当你切换设备视图时,GenerateBlocks 会自动同步样式构建器中的响应式设置,确保你在不同设备下看到的是对应的样式状态,这一点在布局微调时非常实用。
面板显示控制
顶部栏还包含多个面板切换按钮,用于控制左右侧边栏的显示状态,例如:
区块插入器面板
文档结构概览
GenerateBlocks 专属面板
文章与区块设置面板
你可以根据当前编辑需求,灵活开启或关闭这些面板。
选项菜单说明
顶部工具栏中的选项菜单集中管理编辑器的高级功能,包括:
为当前用户设置编辑偏好
查看和管理快捷键
打开插件扩展面板(如 GenerateBlocks 面板)
在可视化编辑与代码视图之间切换
调整编辑器显示相关设置
这些选项有助于根据个人习惯定制编辑环境。
左侧边栏:结构与区块管理中心
左侧边栏是管理区块和文档结构的重要区域,在使用 GenerateBlocks 构建复杂布局时尤为关键。
区块与图案插入器
通过左侧边栏,你可以快速浏览并插入:
WordPress 原生区块
已安装插件提供的区块
GenerateBlocks 自定义区块
已保存的图案和区块组合
这让内容搭建更加高效。
文档概览与列表视图
文档概览中的列表视图会以层级结构展示当前页面中的所有区块。这种视图方式在以下场景中非常有用:
查看页面整体结构
理解区块之间的嵌套关系
快速定位并选中任意区块
在列表视图中,你还可以通过区块的更多选项:
重命名区块
批量选择多个区块
复制、移动或组合区块
将选定区块保存为图案
对于 GenerateBlocks 用户来说,列表视图几乎是构建复杂布局时不可或缺的工具。
编辑区域:内容创建的核心空间
中央编辑区域是实际撰写和排版内容的地方,你的文章、页面或模板都在这里完成。
添加模块的多种方式
在编辑区域中,可以通过多种方式插入区块:
使用左侧的模块插入器
点击编辑区域内的“+”按钮
输入斜杠加关键词进行快速搜索,例如输入 /grid
这种灵活的插入方式,大幅提升了内容创建的效率。
编辑体验的特点
编辑区域支持即时预览和所见即所得的编辑方式,搭配 GenerateBlocks 后,可以在不离开编辑器的情况下完成复杂布局设计。
右侧边栏:设置与 GenerateBlocks 功能入口
右侧边栏主要用于显示文章级别和区块级别的设置,同时也是 GenerateBlocks 功能的集中入口。
GenerateBlocks 面板
GenerateBlocks 面板提供了插件相关的核心功能,包括:
图案库访问入口
全局样式管理(专业版功能)
通过全局样式功能,你可以在不逐个修改区块的情况下,统一管理站点中的样式规则。
设置面板结构说明
设置面板通常包含两个主要标签页:
文章设置标签
区块设置标签
文章设置用于管理当前内容的状态、链接结构、分类信息以及主题相关选项。
区块设置则根据当前选中的区块显示对应的控制选项。
对于 GenerateBlocks 区块来说,每个区块都会包含独立的设置区域,用于调整布局属性和样式细节,使设计更加精细且可控。
总结
WordPress 区块编辑器本身已经具备完善的内容编辑能力,而 GenerateBlocks 的价值在于,它在不破坏原生体验的前提下,补充了更强大的布局和样式控制能力。
当你真正理解顶部栏、左右侧边栏和编辑区域各自的职责后,再结合 GenerateBlocks 的区块和样式体系,整个编辑流程会变得更加清晰、高效,也更适合长期维护的网站建设需求。
