简介
本节课我们将探讨使用站点编辑器进行设计和原型制作的优势。学习目标包括：识别站点编辑器的优点、通过编辑器预览样式选择，以及掌握网页设计核心原则。站点编辑器是WordPress的可视化设计工具，支持从页眉页脚到整页布局的全方位定制。
使用站点编辑器的优势
该编辑器具备多项优势：
掌握区块功能后，你可以轻松管理整个网站，因为所有内容都由区块构建。区块替代了短代码、小工具、嵌入内容和自定义HTML等传统方式，简化了创作流程。
直接在WordPress中设计能缩短从构思到实现的路径，便于后续更新维护，同时减少设计师与开发者之间的交接障碍。
编辑器提供实时交互式设计预览，支持即时测试与优化。
使用WordPress原生设计工具可确保平台兼容性，降低外部设计软件的学习成本。
在站点编辑器中设计
接下来让我们探索具体操作。首先需安装并启用区块主题（如Twenty Twenty-Five），然后打开站点编辑器。通过”样式”面板选择”缩小视图”即可开始设计：
1. 先更新文本字体和标题样式
2. 进入”颜色”面板调整配色方案，包括背景色、对比色和强调色
3. 强化按钮等交互元素：选择按钮区块，将文字设为半粗体
接着修改页眉页脚模板：
– 打开”页面模板”（模板决定页面结构）
– 在列表视图中选择页眉，从预设图案库中挑选并调整
– 同理编辑页脚模板
– 可继续定制归档页模板、单篇文章模板或搜索结果模板，例如修改404错误页的布局
区块优先设计意味着将网站拆解为可复用的组件：
1. 复制主题自带图案，保存为同步/非同步模式
2. 在”我的图案”中修改组件
3. 或新建图案：命名→分类→选择同步选项→自由构建
网页设计核心原则
最后介绍指导设计的格式塔原则：
邻近性
将相关元素就近分组以建立视觉关联。上例中因间距不足导致分组不明确。
相似性
统一关联元素的样式。案例中分类标签的相似性帮助用户快速定位，而下方不同颜色的行动按钮通过相同尺寸/形状保持关联。
连续性
通过对齐创造视觉流动路径。
闭合性
利用用户脑补能力简化视觉元素（如WWF熊猫徽标仅用轮廓勾勒）。
结语
掌握站点编辑器与这些设计原则，你就能在WordPress中创建专业级网站。