标签: 区块版面配置

  • 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 – 预制精美布局模板