专注于外贸建站,分享WordPress教程和Elementor教程
建站,就和我一起用Cloudways超快独享主机,免费试用3天,注册输入优惠码:LOYSEO,可享2个月7折,成为正式用户,可联系我领取礼品哦

GeneratePress:布局-容器教程

更新日期:2022-06-23

扫码加入 读者学习群

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免费试用3天的Cloudways超快独享主机,独家优惠码:LOYSEO,前2个月可优惠30%
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

Share on facebook
Share on twitter
Share on linkedin

本教程讲解如何在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:

外贸建站学习交流群
超快独享主机
Cloudways
免费试用3天,无需充值
费用月结 | 不用一次性付整年
*注册优惠码Promo code:LOYSEO
*用Gmail邮箱,注册易通过