Generic filters
页面
教程分类

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

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

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

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

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

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

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

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

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

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

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

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

本次设置以Astra主题为例。

WP-外观-自定义

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

主题全局设置

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

主题容器设置

再点击“容器”设置。

容器样式设置为非盒式

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

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

页面可以全宽度显示了

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

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

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
提供专业外贸建站服务
WordPress建站资源下载
WordPress 插件下载,合理使用插件丰富网站功能
WordPress服务器推荐,外贸专用VPS | 虚拟主机教程、测评
WordPress专用VPS、虚拟主机推荐
文章标签
文章推荐
文章目录

建站遇到问题?

联系我们获得技术支持
相关文章
WordPress如何让文章置顶显示
WordPress如何让文章置顶显示?2种方式

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


or

or