说明:以下内容基于实际操作记录整理,并经过 AI 辅助润色,主要面向和我一样刚接触 WordPress 块编辑器、不知道怎么排版的新手。
我不是专业开发,这篇偏新人视角,如有不准确的地方欢迎指出。
上一篇讲的是:WordPress 装好插件、博客结构搭起来、能写文章了。
这篇接着讲:
在 WordPress 块编辑器里写文章时,各种"块"到底怎么用?
很多新人第一次进编辑器,看到满屏的 “+” 号、段落、标题、列、媒体…… 会懵。
这篇的目标是:
- 让你知道块编辑器是什么
- 让你会用最常用的块:段落、标题、列表、图片、引用、分隔线、列、简码等
- 让你会设置文字样式:加粗、斜体、链接、颜色、字号
- 让你会用快捷键和斜杠命令快速插入块
- 让你写出来的文章排版整齐、层级清晰
这篇事无巨细,把自己当成从没碰过 WordPress 编辑器的人来读就行。
一、这篇适合谁看
这篇适合:
- 刚进 WordPress 后台,不知道怎么写文章的人
- 看到编辑器里一堆 “+” 号不知道点哪个的人
- 想给文章加标题、列表、图片、引用,但不知道怎么操作的人
- 写出来的文章排版乱、层级不清的人
- 不知道块编辑器和经典编辑器区别的人
这篇不适合:
- 已经熟悉 WordPress 块编辑器的人
- 想学高级自定义块开发的人
- 想用经典编辑器的人
这篇目标很简单:
让一个新人知道:在 WordPress 块编辑器里写文章,到底是怎么一回事。
二、先搞清楚"块编辑器"是什么
WordPress 现在默认用的是"块编辑器",也叫 Gutenberg。
什么是块?
块就是编辑器里的每一个独立元素。
比如:
- 一个段落 = 一个段落块
- 一个标题 = 一个标题块
- 一张图片 = 一个图片块
- 一个列表 = 一个列表块
- 一行引用 = 一个引用块
整篇文章就是由一个一个块堆起来的。
块编辑器和 Word 有什么区别?
在 Word 里,你是一直打字,打完一段按回车继续打下一段,整篇文章是一个整体。
在块编辑器里,每一段、每一个标题、每一张图片,都是独立的"块"。你可以单独移动、删除、复制、设置某一个块,不影响其他块。
块编辑器的好处:
- 每个块独立控制,排版更灵活
- 可以拖拽调整块的顺序
- 可以给不同块设置不同样式
- 可以插入各种类型的块(图片、视频、引用、代码、按钮……)
块编辑器的坏处:
- 新手上手需要适应,不像 Word 那么直观
- 块太多时,文章结构会显得复杂
这篇就是帮你适应块编辑器的。
三、进入编辑器:新建一篇文章
进入:
文章 → 新增文章
你会看到一个空白编辑器页面。
页面最上方有一个大标题栏,下面是正文区域,正文区域默认有一个"段落"块等着你输入。
![新建文章后的编辑器初始界面,上方是标题输入框,下方是默认的段落块]
四、先写标题
页面最上方那个大输入框,就是文章标题。
点击它,直接输入你的文章标题。
比如:
我第一次用 WordPress 块编辑器写文章
标题写好后,不用按回车,直接点击下面的正文区域就可以开始写正文。
五、如何插入新块:两种方法
在正文区域,你想插入新块,有两种方法:
5.1 方法一:点击加号按钮
编辑器里有两个地方可以点击加号:
- 左上角的加号:点击后弹出所有块列表
- 当前块旁边的加号:点击后弹出块列表,新块会插入在当前块下面
点击加号后,会弹出一个面板,里面列出了所有可用的块。
你可以:
- 直接在列表里找想要的块
- 在搜索框里输入块名称搜索
5.2 方法二:用斜杠命令(推荐)
在编辑器正文区域,直接输入一个斜杠 /,会弹出块列表。
然后继续输入块名称的关键词,列表会自动筛选。
比如:
- 输入
/标题或/h2→ 会筛选出标题块 - 输入
/图片或/image→ 会筛选出图片块 - 输入
/列表或/list→ 会筛选出列表块
找到想要的块后,按回车,块就会插入。
这个方法熟练后非常快,不用鼠标点来点去。
六、段落块:最基础的块
段落块是编辑器里最常用的块,默认正文区域就是一个段落块。
6.1 输入段落内容
点击正文区域,直接打字。
比如:
这是我用 WordPress 块编辑器写的第一段话。我想试试看这个编辑器到底怎么用。
打完这一段,如果你想开始新的一段:
按回车键
编辑器会自动创建一个新的段落块,光标跳到新段落里,你可以继续打字。
6.2 段落块的工具栏
当你点击一个段落块时,块上方会出现一个工具栏。
工具栏从左到右依次是:
- 块类型图标:显示当前是段落块,点击可以切换成其他类型
- 对齐方式:左对齐、居中、右对齐
- 加粗:B 图标
- 斜体:I 图标
- 链接:链条图标
- 更多选项:三个点,点击弹出更多操作
6.3 段落块的设置面板
选中段落块后,编辑器右侧会出现设置面板。
设置面板有两个标签页:
- 块:设置这个段落块的属性
- 文章:设置整篇文章的属性(分类、标签等)
在"块"标签页里,可以设置:
- 排版:字号大小、行高、字间距、段落间距
- 颜色:文字颜色、背景颜色、链接颜色
- 尺寸:最小高度、内边距
这些设置会影响整个段落块,不是只影响选中的文字。
6.4 段落块切换成其他类型
如果你想把当前段落块变成其他类型(比如标题、列表),不用删除重建。
点击工具栏最左边的"段落"图标,会弹出一个列表,可以选择:
- 标题
- 列表
- 引用
- 等等
选择后,当前块就会变成你选的类型,内容保留。
七、标题块:给文章分层级
文章不能只有正文,还需要标题来分层级。
7.1 插入标题块
方法一:斜杠命令
输入 /标题 或 /h2,按回车。
方法二:点击加号
点击加号,在块列表里找到"标题",点击。
7.2 选择标题级别
WordPress 支持 H1 到 H6 六个级别的标题。
- H1:文章主标题,一般一篇文章只用一次(文章标题已经用了 H1,正文里一般从 H2 开始)
- H2:大章节标题
- H3:章节下的小节标题
- H4:更细的标题
- H5、H6:很少用到
插入标题块后,在标题块上方工具栏里,可以看到一个下拉菜单,默认显示 H2。
点击这个下拉菜单,可以选择 H1 到 H6。
7.3 输入标题内容
选择好级别后,直接输入标题文字。
比如:
一、什么是块编辑器
输入完后,按回车会创建新的段落块,继续写正文。
7.4 标题块的使用建议
层级要清晰:
- 文章标题是 H1
- 正文里的大章节用 H2
- H2 下的小节用 H3
- H3 下更细的内容用 H4
不要跳级:
- 不要从 H2 直接跳到 H4,中间要有 H3
- 层级跳跃会让文章结构混乱,也不利于 SEO
示例结构:
文章标题(H1)
一、什么是块编辑器(H2)
1.1 块的概念(H3)
1.2 块的类型(H3)
二、常用块介绍(H2)
2.1 段落块(H3)
2.2 标题块(H3)
2.3 列表块(H3)
7.5 标题块的设置面板
选中标题块后,右侧设置面板可以设置:
- 排版:字号大小、行高
- 颜色:文字颜色、背景颜色
注意:标题的字号大小一般由主题控制,不建议手动改太大或太小,保持默认样式最统一。
八、列表块:有序列表和无序列表
列表是文章里很常用的元素,用来列举要点、步骤、选项等。
8.1 插入列表块
方法一:斜杠命令
输入 /列表 或 /list,按回车。
方法二:点击加号
点击加号,在块列表里找到"列表",点击。
8.2 选择列表类型
插入列表块后,在工具栏里可以看到两个图标:
- 无序列表图标:三条横线,每行前面有小圆点
- 有序列表图标:三条横线带数字,每行前面是序号
点击切换你想要的类型。
默认是无序列表。

8.3 输入列表内容
点击列表块,输入第一项内容。
比如:
第一项内容
输入完后,按回车,会自动创建新的一项,序号或圆点自动添加。
继续输入下一项:
第二项内容
再按回车,继续输入。
8.4 结束列表
如果你想结束列表,不再添加新项:
按两次回车
或者:
按退格键删除空的列表项,光标会跳出列表块,下面会自动创建新的段落块。
8.5 列表缩进(子列表)
如果你想在列表里创建子列表,形成层级结构:
方法一:按 Tab 键
在输入某项内容后,按 Tab 键,这一项会缩进,变成上一项的子项。
方法二:点击工具栏按钮
点击工具栏里的"缩进"按钮(向右的箭头图标)。
如果想取消缩进,让子项变回同级:
按 Shift + Tab
或者点击工具栏里的"取消缩进"按钮(向左的箭头图标)。
示例效果:
一、水果
- 苹果
- 香蕉
二、蔬菜
- 西红柿
- 黄瓜
8.6 列表块的设置面板
选中列表块后,右侧设置面板可以设置:
- 排版:字号大小、行高
- 颜色:文字颜色、背景颜色
- 间距:列表项之间的间距
九、引用块:突出显示引用内容
引用块用来显示引用的文字、名言、重要提示等,样式上会有特殊的边框或背景,让读者一眼看出这是引用内容。
9.1 插入引用块
方法一:斜杠命令
输入 /引用 或 /quote,按回车。
方法二:点击加号
点击加号,在块列表里找到"引用",点击。
9.2 输入引用内容
点击引用块,直接输入引用的文字。
比如:
学习不是灌输,而是点燃火焰。
—— 苏格拉底
引用块默认会有特殊的样式,比如左边有一条竖线、背景色不同、字体不同等。
9.3 引用块的样式变体
有些主题会提供不同的引用样式,比如:
- 默认样式:左边一条竖线
- 大引号样式:左上角有大引号图标
- 纯背景样式:只有背景色不同
选中引用块后,在右侧设置面板里查看是否有"样式"选项,可以选择不同的样式变体。
9.4 引用块的设置面板
选中引用块后,右侧设置面板可以设置:
- 排版:字号大小、行高
- 颜色:文字颜色、背景颜色
十、代码块:展示代码片段
如果你写技术类文章,经常需要展示代码,就要用代码块。
注意:代码块只是用来"展示"代码给读者看,代码不会被执行。
10.1 插入代码块
方法一:斜杠命令
输入 /代码 或 /code,按回车。
方法二:点击加号
点击加号,在块列表里找到"代码",点击。
10.2 输入代码内容
点击代码块,直接粘贴或输入代码。
比如:
def hello():
print("Hello, World!")
代码块会保留代码的缩进和格式,不会像普通段落那样自动换行或忽略空格。
代码会显示在灰色背景的框里,使用等宽字体。
十一、简码块:插入 WordPress 简码(重要)
简码块和代码块是两回事,一定要分清楚。
11.1 代码块 vs 简码块的区别
代码块 简码块 用途 展示代码给读者看 执行 WordPress 简码,显示实际功能 例子 显示一段 Python 代码 插入画廊、表单、地图等 效果 读者看到代码文本 读者看到渲染后的功能组件
11.2 什么是简码
简码是 WordPress 的一种特殊语法,用方括号包裹,比如:
[gallery]→ 显示图片画廊[contact-form-7]→ 显示联系表单[wpforms id="123"]→ 显示指定 ID 的 WPForms 表单[latest_posts]→ 显示最新文章列表
简码会被 WordPress 解析并替换成实际的功能组件。
11.3 插入简码块
方法一:斜杠命令
输入 /简码 或 /shortcode,按回车。
方法二:点击加号
点击加号,在块列表里找到"简码",点击。
11.4 输入简码
点击简码块,输入简码内容。
比如,如果你想插入一个画廊:
[gallery ids="1,2,3,4,5"]
其中 ids 是图片的 ID,可以在媒体库里查看。
或者,如果你装了 Contact Form 7,可以插入:
[contact-form-7 id="123" title="联系表单"]
或者,如果你装了 WPForms,可以插入:
[wpforms id="123"]
11.5 简码块的效果
简码块在编辑器里只显示简码文本本身,但在前台访问文章时,简码会被解析并显示实际的功能组件。
比如 [gallery] 在前台会显示一个图片画廊,而不是显示 [gallery] 这几个字。
11.6 常用简码举例
简码 作用[gallery]
显示图片画廊
[audio src="音频URL"]
显示音频播放器
[video src="视频URL"]
显示视频播放器
[caption]文字[/caption]
显示带说明的图片
[contact-form-7 id="x"]
显示 Contact Form 7 表单
[wpforms id="x"]
显示 WPForms 表单
十二、图片块:插入图片
图片是文章里非常重要的元素。
12.1 插入图片块
方法一:斜杠命令
输入 /图片 或 /image,按回车。
方法二:点击加号
点击加号,在块列表里找到"图片",点击。
12.2 选择图片来源
插入图片块后,会出现几个选项:
- 上传:从电脑上传新图片
- 媒体库:从已上传的图片中选择
- 从 URL 插入:输入图片的网络地址
12.3 上传图片
点击"上传",会打开文件选择窗口。
选择电脑上的图片文件(支持 jpg、png、gif、webp 等格式),确认后图片会上传并显示在编辑器里。
上传过程中会显示进度条,上传完成后图片自动显示。
12.4 从媒体库选择
点击"媒体库",会打开媒体库弹窗,显示你之前上传过的所有图片和文件。
点击选择一张图片(会显示蓝色边框表示选中),然后点击右下角的"选择"按钮。
图片会插入到编辑器里。
12.5 从 URL 插入
点击"从 URL 插入",会出现一个输入框。
输入图片的网络地址,比如:
https://example.com/image.jpg
按回车,图片会从网络加载并显示在编辑器里。
注意:从 URL 插入的图片不会保存到你的媒体库,只是引用外部图片。
12.6 设置图片属性
选中图片块后,右侧设置面板可以设置:
替换文字(Alt 文本):
非常重要!用于 SEO 和无障碍访问。
描述图片内容,比如"WordPress 后台仪表盘截图"。
如果图片加载失败,替换文字会显示在图片位置。
标题:
图片的标题,可选。
图片尺寸:
- 缩略图
- 中等
- 大
- 完整尺寸
- 自定义(可以输入具体宽高)
选择合适的尺寸,不要直接用原图,太大会影响加载速度。
12.7 设置图片对齐方式
选中图片块后,工具栏里可以选择对齐方式:
12.8 添加图片说明文字
在图片下方,有一个"添加说明文字"的输入区域。
点击输入,比如:
图1:WordPress 后台仪表盘界面
说明文字会显示在图片下方,字体较小,颜色较浅。

十三、媒体和文字块:图文并排
如果你想左边放图片、右边放文字,或者反过来,用媒体和文字块。
13.1 插入媒体和文字块
方法一:斜杠命令
输入 /媒体和文字 或 /mediatext,按回车。
方法二:点击加号
点击加号,在块列表里找到"媒体和文字",点击。
13.2 添加图片和文字
插入媒体和文字块后,左边是图片区域,右边是文字区域。
添加图片:
点击左边的图片区域,选择"上传"或"媒体库",添加图片。
添加文字:
点击右边的文字区域,直接输入文字。
文字区域里还可以继续添加其他块,比如标题、列表、按钮等。
13.3 切换图片位置
选中媒体和文字块后,工具栏里有一个"切换位置"按钮。
点击后,图片和文字的位置会互换(图片在右,文字在左)。
13.4 媒体和文字块的设置面板
选中媒体和文字块后,右侧设置面板可以设置:
- 垂直对齐:顶部对齐、居中对齐、底部对齐
- 媒体宽度:图片占的比例(默认 50%)
- 堆叠在移动端:手机上是否变成上下堆叠
十五、栏目块:多栏目布局
栏目块可以让你把内容分成两栏或多栏并排显示,适合做对比、并排内容等。
15.1 插入栏目块
方法一:斜杠命令
输入 /栏目 或 /columns,按回车。
方法二:点击加号
点击加号,在块列表里找到"栏目",点击。
15.2 选择栏目布局
插入栏目块后,会弹出布局选项让你选择:
- 两栏(50/50):两栏等宽
- 两栏(33/67):左窄右宽
- 两栏(67/33):左宽右窄
- 三栏(33/33/33):三栏等宽
- 等等
选择你想要的布局。
15.3 在栏目里添加内容
每个栏目里面可以继续添加其他块,比如段落、图片、标题、列表等。
点击某一栏,然后点击栏目里面的 “+” 号,就可以在这一栏里添加块。
比如:
15.4 调整栏目宽度
选中栏目块后,在右侧设置面板里可以调整各栏目的宽度比例。
也可以直接在编辑器里,拖动栏目之间的分隔线来调整宽度。
15.5 栏目块的设置面板
选中栏目块后,右侧设置面板可以设置:
- 栏目数:增减栏目数
- 垂直对齐:各栏目内容顶部对齐、居中对齐、底部对齐
- 间距:栏目与栏目之间的间距
十六、组块:把多个块打包
组块可以把多个块包在一起,形成一个整体,方便统一移动、设置样式。
16.1 插入组块
方法一:斜杠命令
输入 /组 或 /group,按回车。
方法二:点击加号
点击加号,在块列表里找到"组",点击。
16.2 在组里添加内容
插入组块后,组里面是空的,有一个"+"号。
点击"+"号,可以添加各种块。
比如,你可以在一个组里放:
- 一个标题块
- 一个段落块
- 一个图片块
这样这三个块就成为一个整体。
16.3 组块的作用
统一移动:
选中组块,可以一次性移动整个组,不用一个一个移动里面的块。
统一设置样式:
选中组块,可以给整个组设置背景颜色、边框、内边距等,里面的所有块都会受影响。
统一复制删除:
复制或删除组块,里面的所有块都会一起被复制或删除。
16.4 组块的设置面板
选中组块后,右侧设置面板可以设置:
- 尺寸:宽度、最小高度、内边距
- 颜色:背景颜色、文字颜色
- 边框:边框宽度、边框颜色、圆角
十七、分隔线块:分隔内容区域
分隔线用来在文章里划分不同区域,视觉上形成分隔。
17.1 插入分隔线块
方法一:斜杠命令
输入 /分隔线 或 /separator,按回车。
方法二:点击加号
点击加号,在块列表里找到"分隔线",点击。
17.2 分隔线样式
插入分隔线后,默认显示一条灰色横线。
有些主题会提供不同的分隔线样式,比如:
- 默认:一条细线
- 宽线:一条粗线
- 点线:虚线
- 装饰:带装饰图案的线
选中分隔线块后,在右侧设置面板里查看是否有"样式"选项,可以选择不同的样式变体。
十八、按钮块:添加按钮
按钮块可以添加可点击的按钮,常用于引导用户跳转。
18.1 插入按钮块
方法一:斜杠命令
输入 /按钮 或 /button,按回车。
方法二:点击加号
点击加号,在块列表里找到"按钮",点击。
18.2 设置按钮文字
插入按钮块后,按钮上默认显示"按钮"两个字。
点击按钮,输入你想要的文字,比如:
点击这里查看更多
18.3 设置按钮链接
选中按钮块后,工具栏里有一个链接输入框。
点击链接图标,输入链接地址,比如:
https://example.com/more
或者点击链接输入框右边的箭头,可以选择:
- 文章内链接:跳转到站内某篇文章
- 媒体文件:跳转到媒体库里的文件
18.4 按钮块的设置面板
选中按钮块后,右侧设置面板可以设置:
样式:
- 填充:按钮有背景色
- 轮廓:按钮只有边框,没有背景色
颜色:
- 背景颜色:按钮的背景色
- 文字颜色:按钮上文字的颜色
圆角:
按钮的圆角大小,0 是直角,数值越大越圆。
宽度:
- 自动:根据文字长度自动
- 全宽:按钮占满整行
十九、表格块:插入表格
如果需要展示表格数据,可以用表格块。
19.1 插入表格块
方法一:斜杠命令
输入 /表格 或 /table,按回车。
方法二:点击加号
点击加号,在块列表里找到"表格",点击。
19.2 设置表格行列数
插入表格块后,会让你选择行数和列数。
默认是 2 行 2 列,你可以点击上下箭头调整。
设置好后,点击"创建表格"。
19.3 输入表格内容
点击表格的某个单元格,直接输入内容。
按 Tab 键 可以跳到下一个单元格。
按 Shift + Tab 可以跳到上一个单元格。
19.4 添加或删除行列
选中表格块后,工具栏里可以:
- 在上方插入行
- 在下方插入行
- 在左侧插入列
- 在右侧插入列
- 删除行
- 删除列
把鼠标移到表格边缘,会出现添加行列的按钮。
二十、HTML 块:插入自定义 HTML
如果你懂 HTML,可以用 HTML 块插入自定义代码。
20.1 插入 HTML 块
方法一:斜杠命令
输入 /html 或 /自定义 HTML,按回车。
方法二:点击加号
点击加号,在块列表里找到"自定义 HTML",点击。
20.2 输入 HTML 代码
点击 HTML 块,输入 HTML 代码。
比如:
<div style="background: #f0f0f0; padding: 20px;">
<p>这是一个自定义的灰色背景区域</p>
</div>
20.3 预览 HTML
在 HTML 块上方,有一个"预览"按钮。
点击可以预览 HTML 渲染后的效果。

二十一、文字样式设置:加粗、斜体、链接、颜色
在段落块、标题块等文字块里,可以对文字设置样式。
21.1 选中文字
首先,用鼠标拖动选中想要设置样式的文字。
选中后,会弹出一个浮动工具栏。
![在段落块里选中一段文字后,弹出浮动工具栏]
21.2 加粗
选中文字后:
- 点击浮动工具栏或块工具栏里的 B 按钮
- 或者按快捷键 Ctrl + B(Mac 上是 Cmd + B)
文字会变粗。
21.3 斜体
选中文字后:
- 点击浮动工具栏或块工具栏里的 I 按钮
- 或者按快捷键 Ctrl + I(Mac 上是 Cmd + I)
文字会变斜。
21.4 下划线
选中文字后:
- 点击浮动工具栏里的 U 按钮(如果有)
- 或者点击"更多"图标(向下箭头),选择"下划线"
文字会加下划线。
21.5 删除线
选中文字后:
- 点击浮动工具栏里的删除线图标(abc 加横线)
- 或者点击"更多"图标,选择"删除线"
文字会加删除线。
21.6 链接
选中文字后:
- 点击浮动工具栏或块工具栏里的链接图标(链条形状)
- 或者按快捷键 Ctrl + K(Mac 上是 Cmd + K)
会弹出链接输入框,输入链接地址,按回车确认。
21.7 文字颜色
注意:块编辑器默认只能对整个块设置文字颜色,不能只对部分文字设置颜色。
选中整个块(段落或标题),在右侧设置面板里找到"文字颜色",选择颜色。
如果需要给部分文字设置颜色,可以用 HTML 块手动写 <span style="color:red">文字</span>,或者安装支持内联样式的插件。
21.8 背景颜色
选中整个块,在右侧设置面板里找到"背景颜色",选择颜色。
整个块的背景会变成你选的颜色。
21.9 字号大小
选中段落块,在右侧设置面板里找到"字号大小",可以选择:
- 小(12px 左右)
- 正常(16px 左右)
- 中(20px 左右)
- 大(24px 左右)
- 巨大(36px 左右)
或者输入自定义数值。
二十二、块的操作:移动、复制、删除、分组
每个块都可以单独操作。
22.1 选中块
点击块的任意位置,块会被选中,显示蓝色边框和工具栏。
22.2 移动块
方法一:拖拽
选中块后,鼠标按住块左侧的拖拽手柄(六个小点),拖动到目标位置松开。
方法二:工具栏按钮
选中块后,点击工具栏里的上移或下移按钮(上下箭头图标)。
块会上移或下移一格。
22.3 复制块
选中块后:
- 点击工具栏右侧的三个点(更多选项),选择"复制"
- 或者选中块后按 Ctrl + C 复制
然后光标放到目标位置,按 Ctrl + V 粘贴。
块会被复制一份。
22.4 删除块
选中块后:
- 点击工具栏右侧的三个点,选择"删除"
- 或者选中块后按 Delete 或 Backspace 键
块会被删除。
二十三、快捷键速查表
熟练使用快捷键可以大大提高效率。
23.1 文字格式快捷键
操作 Windows Mac 加粗 Ctrl + B Cmd + B 斜体 Ctrl + I Cmd + I 链接 Ctrl + K Cmd + K 下划线 Ctrl + U Cmd + U23.2 编辑快捷键
操作 Windows Mac 撤销 Ctrl + Z Cmd + Z 重做 Ctrl + Shift + Z Cmd + Shift + Z 全选 Ctrl + A Cmd + A 剪切 Ctrl + X Cmd + X 复制 Ctrl + C Cmd + C 粘贴 Ctrl + V Cmd + V23.3 块操作快捷键
操作 快捷键 删除选中块 Delete 或 Backspace 在块后插入新块 Enter(在块末尾) 列表缩进 Tab 列表取消缩进 Shift + Tab二十四、斜杠命令速查表
在编辑器里输入 / 加关键词,可以快速插入块。
二十五、文章设置:分类、标签、摘要、特色图片
写完正文后,别忘了在右侧面板设置文章的其他信息。
25.1 打开文章设置面板
点击编辑器右上角的"文章"图标(齿轮形状),或者直接看右侧面板。
右侧面板有两个标签页:
- 块:当前选中块的设置
- 文章:整篇文章的设置
点击"文章"标签页。
25.2 设置分类
在"文章"标签页里,找到"分类目录"。
勾选文章所属的分类。
如果没有合适的分类,可以点击"添加新分类目录"直接新建。
25.3 设置标签
找到"标签"。
输入标签词,按回车确认。
一篇文章可以有多个标签。
输入多个标签时,用逗号分隔,或者每个标签输入后按回车。
25.4 设置摘要
找到"摘要"。
写一两句话概括文章内容。
摘要会显示在文章列表页、搜索结果页等位置。
如果不写摘要,WordPress 会自动截取正文开头几行作为摘要。
25.5 设置特色图片
找到"特色图片"。
点击"设置特色图片"。
会打开媒体库弹窗,选择或上传一张图片作为文章封面图。
特色图片会显示在文章列表、分享卡片、社交媒体预览等位置。
25.6 设置作者
找到"作者"。
如果网站有多个用户,可以选择这篇文章的作者。
默认是当前登录用户。
25.7 设置发布时间
找到"发布"区域。
点击"立即"旁边的"编辑",可以设置未来的发布时间。
设置未来时间后,文章会在指定时间自动发布(定时发布)。
二十六、预览和发布
26.1 预览文章
写文章过程中,可以随时点击右上角的"预览"按钮。
会打开新标签页,显示文章前台效果。
预览不会发布文章,只是让你看看排版效果。

26.2 发布文章
文章写完后,点击右上角的"发布"按钮。
会弹出确认框,让你确认:
- 可见性:公开、私密、密码保护
- 发布时间:立即发布或定时发布
确认后点击"发布"。
发布后,文章就可以在前台被访问了。
二十七、常见问题排查
27.1 块无法选中或操作
可能是编辑器卡住了,尝试:
- 刷新页面
- 清除浏览器缓存
- 换一个浏览器试试
27.2 图片上传失败
可能原因:
- 图片文件太大(超过服务器上传限制)
- 文件格式不支持
- 服务器存储空间不足
- 文件权限问题
解决方法:
- 压缩图片后再上传
- 检查文件格式是否是 jpg、png、gif、webp
- 在宝塔里检查网站目录权限
27.3 前台显示和编辑器预览不一致
可能原因:
- 主题样式覆盖了块编辑器样式
- 插件冲突
解决方法:
- 在前台实际查看,以实际效果为准
- 尝试切换默认主题看是否正常
27.4 简码不生效
可能原因:
- 简码拼写错误
- 对应的插件未安装或未启用
- 简码参数错误
解决方法:
- 检查简码拼写
- 确认对应插件已启用
- 查看插件文档确认简码格式
二十八、完整流程回顾
在块编辑器里写一篇排版整齐的文章,可以按这个流程:
- 新建文章,输入标题
- 用标题块(H2、H3)规划文章结构
- 用段落块写正文内容
- 用列表块列举要点
- 用图片块或画廊块插入配图
- 用引用块突出重要内容
- 用分隔线划分区域
- 用列块或媒体和文字块做并排布局(如需要)
- 用简码块插入功能组件(如画廊、表单)
- 设置文字样式(加粗、链接等)
- 设置分类、标签、摘要、特色图片
- 预览检查排版效果
- 发布文章
二十九、常用块速查表
块名称 用途 斜杠命令 段落 正文内容 /段落 标题 章节标题 /标题 列表 有序/无序列表 /列表 图片 插入单张图片 /图片 画廊 多图并排展示 /画廊 引用 引用文字 /引用 代码 展示代码片段 /代码 简码 插入 WordPress 简码 /简码 分隔线 分隔区域 /分隔线 列 多列布局 /列 组 把多个块打包 /组 表格 表格数据 /表格 按钮 可点击按钮 /按钮 媒体和文字 图文并排 /媒体和文字 HTML 自定义 HTML /html三十、后续还可以学什么
把这些基础块用熟后,还可以继续学:
- 可复用块:保存常用块,跨文章复用
- 模板块:创建整页模板,快速搭建页面
- 全局样式:统一设置全站颜色、字体
- 块模式:预设的块组合,一键插入
- 自定义块:用插件创建自己的块
这篇先写到这里。
第一篇解决了"怎么把 WordPress 装起来",第二篇解决了"装好以后怎么用",这篇解决了"在编辑器里怎么排版写文章"。
2 个帖子 - 2 位参与者

