在网站后台-外观appearance – 自定义Customize, 打开后,你会发现如图界面

今天文章的主题是 常规General 下的 Layout页面布局
Blocksy Customize General Layout 页面布局
Blocksy 提供了可以轻松调整网站整体布局的功能,为您提供实现完美设计所需的工具。无论您追求简洁的极简外观,还是大胆的全宽布局,各种选项触手可及。

打开Layout,我们发现有5个值,分别是:网站最大宽度 Maximum Site Width、内容区域间距 Content Area Spacing、内容边缘间距 Content Edge Spacing、窄容器宽度 Narrow Container Width 以及宽对齐偏移Wide Alignment Offset
网站最大宽度 Maximum Site Width
该设置能够定义网站布局在PC端上的最大宽度。Blocksy是一个响应式设计的WordPress主题,因此会自适应屏幕的大小,无需我们额外操作
内容区域间距 Content Area Spacing
使用此控制项调整主内容与页眉或页脚之间的间距,这样有助于确保所有元素都有足够的空间
内容边缘间距 Content Edge Spacing
该设置会调整内容边缘与浏览器视口之间的间距。当您希望实现“真正”的全宽布局时,但请注意,将此值设置为 0vw 可能在视觉上并不理想。
窄容器宽度 Narrow Container Width
在构建页面或帖子时,您有时可能需要更紧凑的布局。此选项可让您控制“窄”布局样式的宽度,为特定设计提供更多灵活性。
宽对齐偏移Wide Alignment Offset
Gutenberg的宽对齐选项有时会使块超出标准内容宽度。此设置可帮助您控制块的延伸范围,确保整体布局保持平衡。
总结
在 WordPress 后台的「外观 > 自定义 > 常规 > 页面布局(Layout)」中,Blocksy 主题提供了强大的布局控制功能,便于实现多种网站风格。
五大布局选项说明:
- 网站最大宽度(Maximum Site Width)
设置PC端网站内容显示的最大宽度,主题自动适配响应式,无需手动调整。 - 内容区域间距(Content Area Spacing)
控制主内容与页眉/页脚之间的垂直间距,提升页面整体空间感。 - 内容边缘间距(Content Edge Spacing)
调整内容与浏览器边缘之间的间距。设置为0可实现全宽布局,但需注意视觉效果。 - 窄容器宽度(Narrow Container Width)
用于创建更紧凑的内容区,适合特定页面或文章布局需求。 - 宽对齐偏移(Wide Alignment Offset)
控制 Gutenberg 编辑器中宽对齐块的延展范围,避免内容过度超出,保持版面平衡。
评论留言