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

WordPress页面无法全宽度展示
WordPress页面无法全宽度展示,通常是因为主题设置的原因,限定了容器的宽度,导致页面无法全宽度展示,本篇文章通过一个简单的设置解决该问题。
文章目录

本篇文章共 437 字,预计阅读时间 2 分钟

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

页面通常都是由容器构成的,看起来是页面被限制了宽度,实际上是因为容器被限制了。

页面、容器不能全宽度展示

像上面图片里这种情况通常就是因为主题导致的。

有些主题默认容器为盒式布局,不显示容器宽度以外的内容。

比如在Elementor中,容器设置的宽度通常是1140px,正常来讲,我们只是想限制容器内的内容在这1140px的范围内,而不是让容器的宽度只有1140px。

但是如果容器因为被主题限制,在页面上显示的时候就只显示1140px的宽度,看起来就好像页面存在内距一样。

所以我们要做的就是取消主题对容器的限制。

如果设置容器为全宽度显示?

本次设置以Astra主题为例。

WP-外观-自定义

首先在WP后台打开外观 – 自定义。

主题全局设置

进入自定义界面后,点击“全局”设置。

主题容器设置

再点击“容器”设置。

容器样式设置为非盒式

修改容器样式为“非盒装”,点击右上角“发布”。

再来浏览页面就会看到页面可以正常的全宽度展示内容。

页面可以全宽度显示了

以上就是本篇文章的全部内容。

更多WordPress教程请查看Well的博客

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
B2B外贸建站服务 - well建站
Well提供外贸建站服务,高性价比、不玩套路、终身售后。
文章标签
文章推荐
文章目录
相关文章
WordPress如何让文章置顶显示
WordPress如何让文章置顶显示?2种方式

本篇文章通过2种方式置顶WordPress文章,置顶文章能确保访客第一眼就能看到你认为最重要的内容,可以进一步提升该文章的曝光率,带来更多流量。