WordPress古腾堡编辑器入门教程,从零开始掌握全新编辑体验

来自:素雅营销研究院

头像 方知笔记
2025年04月05日 16:45

什么是古腾堡编辑器?

古腾堡(Gutenberg)是WordPress 5.0版本后引入的全新内容编辑器,它采用模块化设计,通过“区块”(Block)的概念取代传统的单一文本框编辑方式。这种直观的拖拽式操作让排版更灵活,即使没有编程基础的用户也能轻松创建丰富的页面布局。

古腾堡核心功能详解

1. 区块:编辑的基本单元

  • 文本区块:支持标题、段落、列表、引用等多种格式
  • 媒体区块:一键插入图片、画廊、音频、视频等多媒体内容
  • 设计区块:按钮、分栏、分隔线等增强视觉表现力
  • 小工具区块:直接嵌入最新文章、分类目录等动态内容

2. 文档侧边栏

右侧面板提供两种模式切换:

  • 区块设置:调整当前选中区块的详细参数(如文字颜色、图片尺寸)
  • 文档设置:管理文章全局属性(分类目录、特色图片、发布状态)

3. 快捷工具栏

选中任意区块时,顶部会浮现格式工具栏,支持:

  • 文字对齐方式切换
  • 快速添加链接
  • 区块类型转换(如将段落转为列表)

实战操作指南

创建第一篇古腾堡文章

  1. 添加新区块:点击编辑器左上角+按钮或直接按/键搜索
  2. 经典布局搭建
  • 用「标题」区块设置文章主标题
  • 通过「分栏」区块创建左右图文排版
  • 用「组」区块批量管理多个关联区块
  1. 高级技巧
  • 使用「可重用区块」保存常用模板
  • 通过HTML锚点实现页面内跳转

常见问题解决方案

如何恢复经典编辑器? 安装官方插件”Classic Editor”即可切换回旧版

区块无法拖拽排序怎么办? 检查浏览器是否支持HTML5拖放API,建议使用Chrome/Firefox最新版

自定义CSS样式在哪里添加? 在区块高级设置中找到”额外CSS类”字段输入样式名,再在主题自定义器中编写具体样式

效率提升技巧

快捷键大全

  • Ctrl+Shift+D 复制选中区块
  • Alt+Shift+方向键 快速移动区块位置
  • 输入/image可直接插入图片区块

必备插件推荐

  • Kadence Blocks:添加高级动画区块
  • Stackable:300+专业设计模板
  • Block Lab:创建自定义区块

掌握古腾堡编辑器后,您会发现制作复杂的响应式页面变得前所未有的简单。建议定期查看WordPress官方文档,古腾堡团队每月都会推出新功能更新,持续优化编辑体验。