Elementor 页面宽度与模板

WoodMart 和 Elementor 都提供了页面宽度的控制选项。所选的页面模板决定了 Elementor 内容是完全遵循 WoodMart 全局站点容器，还是使用完整的可用屏幕宽度。

配置 WoodMart 站点宽度

导航至 仪表盘 → 主题设置 → 常规 → 布局。站点宽度选项控制用于页眉、页面内容和页脚的全局内容容器。

WoodMart 的标准内容宽度为 1222 像素。您可以选择其他预定义布局，或选择自定义并输入所需的宽度。当页面使用默认模板时，此值定义了最大内容宽度。

使用默认页面模板

使用默认页面模板时，Elementor 内容将保持在 WoodMart 站点容器内。Elementor 的内容宽度和宽度控件可以使容器更窄，但不能单独将其扩展到主题容器之外。

要在保持页面其余部分与 WoodMart 对齐的同时创建独立的全宽部分，请编辑 Elementor 容器并打开 布局 → [XTemos] 布局 → 容器拉伸：

• 拉伸容器 — 将外部容器拉伸到 WoodMart 包装器之外。
• 拉伸容器和内容 — 同时拉伸容器及其内部内容。

使用 Elementor 全宽模板

当 Elementor 应控制页面的整体宽度，同时保持 WoodMart 页眉和页脚可见时，请使用Elementor 全宽模板。

1. 在 Elementor 中打开页面，导航至 页面设置 → 页面布局。

2. 选择Elementor 全宽。

3. 导航至 仪表盘 → 主题设置 → 其他，并禁用将 Elementor 内容与站点容器对齐。

4. 通过其内容宽度和宽度控件配置每个 Elementor 容器。不再需要 WoodMart 的容器拉伸选项，因为主题内容包装器不再限制页面。

使用 Elementor 画布模板

Elementor 画布模板会移除主题的页眉、页脚、侧边栏和内容包装器。将其用于独立的着陆页、维护页面或其他应仅包含 Elementor 内容的设计。

选择合适的模板

• 默认：推荐用于应遵循全局站点网格的常规 WoodMart 页面。仅对独立的全宽部分使用容器拉伸。
• Elementor 全宽：当整个页面宽度应由 Elementor 控制，同时保留页眉和页脚时使用。
• Elementor 画布：当页面不应显示主题页眉、页脚或侧边栏时使用。

有关 Elementor 页面布局和容器宽度控件的更多信息，请参阅官方 页面设置和 容器布局文档。