Blocksy Customize General Layout 页面布局

Blocksy Customize General Layout 页面布局

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

Blocksy Customize General Options.jpg

今天文章的主题是 常规General 下的 Layout页面布局

Blocksy Customize General Layout 页面布局

Blocksy 提供了可以轻松调整网站整体布局的功能,为您提供实现完美设计所需的工具。无论您追求简洁的极简外观,还是大胆的全宽布局,各种选项触手可及。

Blocksy Customize General Options Layout.jpg

打开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 主题提供了强大的布局控制功能,便于实现多种网站风格。

五大布局选项说明:

  1. 网站最大宽度(Maximum Site Width)
    设置PC端网站内容显示的最大宽度,主题自动适配响应式,无需手动调整。
  2. 内容区域间距(Content Area Spacing)
    控制主内容与页眉/页脚之间的垂直间距,提升页面整体空间感。
  3. 内容边缘间距(Content Edge Spacing)
    调整内容与浏览器边缘之间的间距。设置为0可实现全宽布局,但需注意视觉效果。
  4. 窄容器宽度(Narrow Container Width)
    用于创建更紧凑的内容区,适合特定页面或文章布局需求。
  5. 宽对齐偏移(Wide Alignment Offset)
    控制 Gutenberg 编辑器中宽对齐块的延展范围,避免内容过度超出,保持版面平衡。
评论
收藏
微海报
分享

评论留言