如何解決WordPress頁面無法全寬度展示?容器被限制寬度

WordPress頁面無法全寬度展示
WordPress頁面無法全寬度展示,通常是因為主題設定的原因,限定了容器的寬度,導致頁面無法全寬度展示,本篇文章透過一個簡單的設定解決這個問題。
文章目錄

本篇文章共437 字,預計閱讀時間2 分鐘

為什麼WordPress頁面無法全寬度展示?

頁面通常都是由容器構成的,看起來是頁面被限制了寬度,實際上是因為容器被限制了。

頁、容器不能全寬度展示

像上面圖片裡這種情況通常就是因為主題導致的。

有些主題預設容器為盒式佈局,不顯示容器寬度以外的內容。

例如在Elementor中,容器設定的寬度通常是1140px,正常來講,我們只是想限制容器內的內容在這1140px的範圍內,而不是讓容器的寬度只有1140px。

但是如果容器因為被主題限制,在頁面上顯示的時候就只顯示1140px的寬度,看起來就好像頁面存在內距一樣。

所以我們要做的就是取消主題對容器的限制。

如果設定容器為全寬度顯示?

本次設定以阿斯特拉主題為例。

WP-外觀-自訂

首先在WP後台開啟外觀– 自訂。

主題全域設定

進入自訂介面後,點選「全域」設定。

主題容器設定

再點選“容器”設定。

容器樣式設定為非盒式

修改容器樣式為“非盒裝”,點擊右上角“發布”。

再來瀏覽頁面就會看到頁面可以正常的全寬度展示內容。

頁面可以全寬度顯示了

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

更多WordPress教學請查看Well的博客

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
WordPress如何讓文章置頂顯示
WordPress如何讓文章置頂顯示? 2種方式

本篇文章透過2種方式置頂WordPress文章,置頂文章能確保訪客第一眼就能看到你認為最重要的內容,可以進一步提升該文章的曝光率,帶來更多流量。

zh_TWZH_TW