WordPress 区块版面配置指南

WordPress 的区块编辑器(Gutenberg)提供了灵活的版面配置选项,以下是主要配置方法:

基本区块布局

添加区块:点击”+”按钮或按”/”键快速插入区块

常用内容区块:

段落(Paragraph)

标题(Heading)

图像(Image)

画廊(Gallery)

列表(List)

引用(Quote)

布局区块

组区块(Group):将多个区块组合在一起统一设置样式

列区块(Columns):创建多列布局

可选择预设列比例(如50/50, 30/70等)

每列内可添加其他内容区块

媒体与文字(Media & Text):并排显示图像和文本

分隔线(Separator):用于内容分区

高级布局技巧

间距控制:

使用”间距”设置调整区块上下边距

组区块内可设置内边距(padding)

宽度控制:

全宽(Full Width)和宽版(Wide Width)选项

某些主题支持自定义内容宽度

重用区块:

将常用布局保存为可重用区块

可在全站范围内重复使用

区块样式设置

颜色设置:

文本颜色

背景颜色(支持组区块背景)

排版设置:

字体大小

行高

字母间距

高级CSS:

可为区块添加额外CSS类

通过自定义CSS进一步调整样式

响应式设计

列区块在移动设备上会自动堆叠

可使用插件增强响应式控制

预览不同设备视图(通过编辑器工具栏)

推荐插件增强布局

Kadence Blocks – 提供更多布局选项

GenerateBlocks – 轻量级布局控制

Stackable – 预制精美布局模板