准备好摆脱通常的网站布局,探索全宽设计的广阔可能性了吗?借助 Astra 的全宽网站布局功能,现在比以往更简单地为您的网站打造迷人的外观。
查看本文档的下一部分,了解有关在 Astra 中使用全宽站点布局的更多信息。
什么是全宽站点布局?
采用全宽布局后,您的网站内容会在用户的屏幕上从边到边延伸,创造出身临其境且具有影响力的视觉体验。
想象一下:您的网站占据整个屏幕,就像一个巨大的、令人印象深刻的广告牌,展示您所有酷炫的东西。无论是照片、文字还是视频,一切都会扩大,给访客留下深刻而难忘的印象。
全宽设计有什么好处
- 增强的视觉吸引力:全宽布局提供现代而精致的外观,可以立即吸引访客的注意力并让他们参与其中。
- 关注内容:通过消除侧边栏等干扰,您可以真正突出内容并确保您的信息引起观众的共鸣。
- 响应式设计:可以构建全宽布局以无缝适应不同的屏幕尺寸,确保在所有设备上获得良好的用户体验。
- 创作自由:全宽布局拥有广阔的空间,您可以更自由地尝试排版、图像和其他设计元素。
如何使用 Astra 实现全宽网站布局
网站通常具有主包装器,其后是容器。
- 主包装器由页眉、内容、侧边栏和页脚组成——整个网站;
- 容器是包含内容和侧边栏的子包装器。
当您选择全宽网站布局时,网站的主包装器将延伸到浏览器的边缘。而内容则由容器宽度管理。
因此,使用 Astra 实现全宽布局是一个简单的过程。您需要执行以下操作:
1.激活 Pro 插件: Astra Pro 插件提供全宽网站布局功能。因此,如果您还没有安装并激活它,请在您的网站上安装它。
2.激活站点布局模块:在 WordPress 仪表板内,转到 Astra 仪表板,并激活 Astra Pro 模块内的站点布局模块。
3.访问站点布局设置:在 WordPress 仪表板中导航至外观 > 自定义 > 全局 > 容器。
4.选择布局:找到设置并选择“全宽宽度”。
5.进一步定制: Astra 提供附加选项来微调您的全宽布局,例如调整容器布局、内容宽度和窄容器宽度。
6.预览和发布:配置设置后,预览您的网站,查看令人惊叹的全宽布局。满意后,点击发布按钮。