专注于外贸建站,分享WordPress教程和Elementor教程

GeneratePress:布局-容器教程

更新日期:2022-06-23
同系列教程
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+

本教程讲解如何在GeneratePress主题中配置网站布局中的容器,包括:

本教程基于GeneratePress主题付费版本,如果你看到的布局功能与我有较大差异,那说明你用的免费版的GeneratePress主题不提供该功能,如有需要,可购买GeneratePress主题付费版。

如果你是Generatepress付费版本,但是布局功能明显少了,那请按下图所示,在外观-GeneratePress中激活对应配置项。

GeneratePress:布局-容器教程

接下来我们逐一讲解每种容器的功能配置。

容器宽度

容器宽度是用于调整页面中内容主体部分的宽度

GeneratePress:布局-容器教程

分隔空间

在内容布局设置为分隔容器时,分隔空间选项允许您设置元素之间的空间大小。

GeneratePress:布局-容器教程

内容分隔

内容分隔(content separator)用于控制文章的特色图片、标题、内容等之间的间距。

GeneratePress:布局-容器教程

内容布局

内容布局包括两个选项允许您将网站元素(内容区域、小部件、页眉、页脚等)分离到单独的块中,或者将它们全部包含在一个容器中。你可以从下面的两个图中看到区别

GeneratePress:布局-容器教程
分隔容器
GeneratePress:布局-容器教程
单一容器

容器对齐

GeneratePress 一直使用框对齐来显示您的内容和侧边栏。这意味着框的边缘与页眉/页脚对齐。

GeneratePress:布局教程

当您的正文和内容背景颜色匹配时,这可能会成为一个问题。例如:

GeneratePress:布局教程

从 GeneratePress 2.3 开始,新的容器对齐选项为我们解决了这个问题:

GeneratePress:布局教程

内容内边距

通过调整内容内边距,你可以设置内容与它所在容器的边距。

GeneratePress:布局-容器教程
点赞
0 / 5 0

Your page rank:

外贸建站技术姐Bonnie
外贸建站技术姐Bonnie

Bonnie是LOYSEO的创始人,在建站领域有着超过14年的经验,热爱能将想法变为现实的WordPress,更是Elementor的忠实用户~

LOYSEO
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+