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 – 预制精美布局模板
原文
http://www.chudafu.com/jianzhan/7731.html