如何解决WordPress页面无法全宽度展示？容器被限制宽度

Last updated: Dec 06 2024

在WordPress中，页面无法全宽度展示通常是由于主题的容器（Container）宽度受到了限制。本文将以Astra主题为例，教您如何解决此问题。

为什么WordPress页面无法全宽度展示？

大多数WordPress页面的布局都由容器控制。如果主题将容器的布局设置为“盒式”（Boxed），那么即使您在Elementor等页面编辑器中将元素设置为全宽，容器外的部分也无法显示，从而导致页面两侧出现空白。

要解决此问题，您需要调整主题的全局容器设置。

如何设置容器为全宽度显示？

以下是在Astra主题中将容器设置为全宽显示的步骤：

1. 进入主题自定义

   在WordPress后台，导航至 外观 → 自定义。

   

2. 进入全局设置

   在自定义菜单中，点击 全局 设置。

   

3. 进入容器设置

   接下来，点击 容器 设置。

   

4. 修改容器样式

   将容器样式从“盒式”修改为 非盒装，然后点击右上角的 发布 按钮。

   

完成以上设置后，您的页面将能够正常地全宽度展示内容。

以上就是解决WordPress页面无法全宽度展示问题的全部内容。