30 lines
2.7 KiB
Markdown
30 lines
2.7 KiB
Markdown
|
# 区块即界面
|
|||
|
|
|
|||
|
|
古腾堡编辑器的核心在于区块概念。从技术角度看，区块既将抽象层级从单一文档提升至有意义元素的集合，又通过明确结构取代了HTML与生俱来的模糊性。
|
|||
|
|
|
|||
|
|
对用户而言，区块允许以更统一、更易用的方式直接向站点添加任意内容、媒体或功能。“添加区块”按钮使用户能在一个界面访问完整的功能库，无需反复翻查菜单或记忆短代码。
|
|||
|
|
|
|||
|
|
但最重要的是，古腾堡基于_直接操作_原则构建——这意味着控制元素显示方式的核心选项都_在区块本身的语境中_完成操作。这相较于传统WordPress模式是重大变革，后者往往将选项深藏在多层导航菜单中，通过间接机制控制页面元素。
|
|||
|
|
|
|||
|
|
例如用户可以在画布的区块界面内完成添加图片、编写图注、调整宽度版式、添加环绕链接等全套操作。这一原则同样适用于“导航菜单”等复杂区块，用户能够直接添加、编辑、移动并最终完成导航栏的完整呈现。
|
|||
|
|
|
|||
|
|
- 用户仅需掌握区块这一种界面，即可编辑站点的所有内容。用户不必编写短代码、自定义HTML或理解隐藏机制来嵌入内容
|
|||
|
|
- 古腾堡让核心功能更易被发现，减少了难以寻觅的“神秘元素”。WordPress支持大量区块和30多种嵌入内容，现在让我们提升它们的可见度
|
|||
|
|
|
|||
|
|
## 构建区块
|
|||
|
|
|
|||
|
|
这对设计师和开发者意味着什么？区块结构加直接操作原则意味着需要以全新思路设计WordPress组件。让我们再次审视区块的架构：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 区块内容区是主要交互界面
|
|||
|
|
|
|||
|
|
区块内容区的占位内容可视为引导用户执行操作指令或“填空”的界面指南（后续将详述占位符概念）。由于内容区直接对应网站实际呈现效果，此处的交互最贴合直接操作原则，也最符合用户直觉。这应被视为添加和操控内容、调整显示效果的主交互界面。
|
|||
|
|
|
|||
|
|
### 区块工具栏承载无法融入占位界面的关键选项
|
|||
|
|
|
|||
|
|
基础区块设置并非总能融入占位符/内容界面。作为次要选项，对区块功能至关重要的配置可置于区块工具栏。虽然区块工具栏与直接操作隔了一层，但仍保持高度情境化且全屏可见，因此是理想的次要选项。
|
|||
|
|
|
|||
|
|
### 设置侧栏仅应用于高级三级控件
|
|||
|
|
|
|||
|
|
设置侧栏在小屏/移动设备上默认隐藏，即使在桌面视图也可能被折叠。因此不应将区块基础运营的必要功能置于此处。选择合理的默认设置，将重要操作置于区块工具栏，把侧栏视作仅高级用户可能发现的拓展区域。
|