首页>文档>Astra教程>全宽网站布局

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

全宽网站布局

准备好摆脱通常的网站布局,探索全宽设计的广阔可能性了吗?借助 Astra 的全宽网站布局功能,现在比以往更简单地为您的网站打造迷人的外观。

查看本文档的下一部分,了解有关在 Astra 中使用全宽站点布局的更多信息。

什么是全宽站点布局?

采用全宽布局后,您的网站内容会在用户的屏幕上从边到边延伸,创造出身临其境且具有影响力的视觉体验。

想象一下:您的网站占据整个屏幕,就像一个巨大的、令人印象深刻的广告牌,展示您所有酷炫的东西。无论是照片、文字还是视频,一切都会扩大,给访客留下深刻而难忘的印象。

全宽设计有什么好处

  • 增强的视觉吸引力:全宽布局提供现代而精致的外观,可以立即吸引访客的注意力并让他们参与其中。
  • 关注内容:通过消除侧边栏等干扰,您可以真正突出内容并确保您的信息引起观众的共鸣。
  • 响应式设计:可以构建全宽布局以无缝适应不同的屏幕尺寸,确保在所有设备上获得良好的用户体验。
  • 创作自由:全宽布局拥有广阔的空间,您可以更自由地尝试排版、图像和其他设计元素。

如何使用 Astra 实现全宽网站布局

网站通常具有主包装器,其后是容器。

  • 主包装器由页眉、内容、侧边栏和页脚组成——整个网站;
  • 容器是包含内容和侧边栏的子包装器。

当您选择全宽网站布局时,网站的主包装器将延伸到浏览器的边缘。而内容则由容器宽度管理。

因此,使用 Astra 实现全宽布局是一个简单的过程。您需要执行以下操作:

1.激活 Pro 插件: Astra Pro 插件提供全宽网站布局功能。因此,如果您还没有安装并激活它,请在您的网站上安装它。

2.激活站点布局模块:在 WordPress 仪表板内,转到 Astra 仪表板,并激活 Astra Pro 模块内的站点布局模块。

全宽网站布局-HEIWP-外贸建站

3.访问站点布局设置:在 WordPress 仪表板中导航至外观 > 自定义 > 全局 > 容器。

4.选择布局:找到设置并选择“全宽宽度”。

全宽网站布局-HEIWP-外贸建站

5.进一步定制: Astra 提供附加选项来微调您的全宽布局,例如调整容器布局、内容宽度和窄容器宽度。

6.预览和发布:配置设置后,预览您的网站,查看令人惊叹的全宽布局。满意后,点击发布按钮。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索