側(cè)邊欄是 WordPress 主題中的小部件就緒區(qū)域,您可以在其中顯示不屬于主頁(yè)內(nèi)容的信息。但是,側(cè)邊欄可能會(huì)分散注意力并占用寶貴的空間。在本文中,我們將向您展示如何輕松刪除WordPress中的側(cè)邊欄。

為什么要?jiǎng)h除WordPress中的側(cè)邊欄?
大多數(shù)都帶有多個(gè)側(cè)邊欄或小部件就緒區(qū)域。
您可以使用邊欄顯示最近發(fā)布的帖子、廣告、或不屬于主頁(yè)或帖子的任何其他內(nèi)容的列表。
在WPBeginner,我們使用側(cè)邊欄來(lái)推廣我們的社交媒體頁(yè)面并。

您可以使用輕松地將項(xiàng)目添加到主題的側(cè)邊欄。
在大多數(shù)WordPress主題中,側(cè)邊欄看起來(lái)會(huì)有所不同,具體取決于訪問(wèn)者使用的是臺(tái)式機(jī)還是移動(dòng)設(shè)備。由于智能手機(jī)和平板電腦的屏幕較小,WordPress通常會(huì)將側(cè)邊欄移動(dòng)到屏幕底部。
根據(jù)網(wǎng)站的設(shè)置方式,這可能看起來(lái)很奇怪。移動(dòng)用戶還需要滾動(dòng)到屏幕的最底部才能看到側(cè)邊欄內(nèi)容,這可能會(huì)影響用戶體驗(yàn)。
即使在桌面上,邊欄也可能會(huì)分散對(duì)最重要的內(nèi)容的注意力,例如頁(yè)面的。
話雖如此,讓我們看看如何在WordPress中刪除側(cè)邊欄。我們將向您展示如何從整個(gè)網(wǎng)站中刪除側(cè)邊欄,以及如何僅在特定頁(yè)面或帖子上隱藏側(cè)邊欄。
方法 1.使用WordPress主題設(shè)置刪除側(cè)邊欄
許多都帶有內(nèi)置設(shè)置來(lái)刪除側(cè)邊欄。根據(jù)您的主題,您可以從單個(gè)甚至整個(gè)網(wǎng)站中刪除側(cè)邊欄。
要檢查您的主題是否具有此選項(xiàng),請(qǐng)轉(zhuǎn)到外觀 ? 自定義。

在左側(cè)菜單中,查找“側(cè)邊欄”或類似設(shè)置。
在下圖中,您可以看到流行的的選項(xiàng)。

如果您確實(shí)看到“側(cè)邊欄”或類似選項(xiàng),請(qǐng)選擇它并查找任何將刪除側(cè)邊欄的設(shè)置。
這可能是下拉菜單、顯示不同側(cè)邊欄布局的縮略圖或其他一些設(shè)置。

如果您的主題沒(méi)有“側(cè)邊欄”選項(xiàng),那么您可以通過(guò)選擇“頁(yè)面”或類似部分來(lái)刪除側(cè)邊欄。
如下圖所示,Astra 還具有“頁(yè)面”設(shè)置。

在這里,您將看到不同的布局,包括一些刪除側(cè)邊欄的布局,例如“無(wú)側(cè)邊欄”和“全寬/拉伸”。
只需單擊縮略圖即可將該布局應(yīng)用于您的網(wǎng)站。

無(wú)論您如何刪除側(cè)邊欄,都不要忘記單擊“發(fā)布”。
某些主題還允許您從單個(gè)帖子和頁(yè)面中刪除側(cè)邊欄。這在設(shè)計(jì)自定義頁(yè)面(如頁(yè)面或)時(shí)非常有用。
要查看您的主題是否具有這些設(shè)置,只需打開(kāi)要隱藏側(cè)邊欄的任何頁(yè)面或帖子即可。在右側(cè)菜單中,選擇“帖子”或“頁(yè)面”,然后查找“帖子設(shè)置”或“頁(yè)面設(shè)置”選項(xiàng)。

如果您的主題包含此部分,請(qǐng)單擊以展開(kāi)。您現(xiàn)在可以查找允許您刪除側(cè)邊欄的任何設(shè)置。
在下圖中,您可以看到流行的主題的帖子設(shè)置。

對(duì)于某些WordPress主題,無(wú)法使用定制器或頁(yè)面編輯器刪除側(cè)邊欄。如果是這種情況,請(qǐng)繼續(xù)閱讀,我們將向您展示在WordPress中刪除側(cè)邊欄的其他方法。
方法 2.使用完整站點(diǎn)編輯刪除側(cè)邊欄(僅限基于塊的主題)
如果您使用的是 等塊,則可以使用全站點(diǎn)編輯 (FSE) 和塊編輯器刪除側(cè)邊欄。
這是一種快速簡(jiǎn)便的方法,可以刪除整個(gè)網(wǎng)站的側(cè)邊欄,盡管它不適用于所有主題。
要啟動(dòng)編輯器,請(qǐng)轉(zhuǎn)到外觀 ?編輯器。

默認(rèn)情況下,完整的站點(diǎn)編輯器會(huì)顯示主題的主模板,但您可以從任何頁(yè)面中刪除側(cè)邊欄。
要查看所有可用選項(xiàng),只需選擇“模板”、“模式”或“頁(yè)面”。

您現(xiàn)在可以單擊要?jiǎng)h除側(cè)邊欄的模板或頁(yè)面。
WordPress現(xiàn)在將顯示設(shè)計(jì)的預(yù)覽。要繼續(xù)編輯此模板,請(qǐng)單擊小鉛筆圖標(biāo)。

您現(xiàn)在可以單擊以選擇側(cè)邊欄。
在出現(xiàn)的小工具欄中,單擊虛線圖標(biāo)。

您現(xiàn)在可以通過(guò)單擊“刪除列”或類似設(shè)置來(lái)刪除側(cè)邊欄。
完成此操作后,您可以繼續(xù)并單擊“保存”按鈕。

現(xiàn)在,如果您訪問(wèn)WordPress,您會(huì)看到工具欄已消失。
方法 3.從整個(gè)WordPress網(wǎng)站中刪除側(cè)邊欄(高級(jí))
此方法允許您從每個(gè)頁(yè)面中刪除側(cè)邊欄并在或網(wǎng)站上發(fā)布。
您將需要編輯主題文件,因此它不是最適合初學(xué)者的選項(xiàng)。但是,此方法應(yīng)該適用于大多數(shù)WordPress主題,包括沒(méi)有內(nèi)置方法來(lái)隱藏側(cè)邊欄的主題。
請(qǐng)記住,如果您直接編輯WordPress主題文件,則當(dāng)您更新主題時(shí),這些更改將消失。
話雖如此,我們建議您主題,因?yàn)檫@允許您。
首先,您需要(如)連接到WordPress站點(diǎn),或者您可以使用WordPress托管cPanel的文件管理器。如果您是 用戶,則可以改用站點(diǎn)工具儀表板。
連接后,轉(zhuǎn)到/wp-content/themes/并打開(kāi)當(dāng)前WordPress主題的文件夾。

WordPress 主題由不同的模板組成,因此您需要編輯包含側(cè)邊欄的所有模板。
例如,您可能需要編輯索引.php、頁(yè)面.php、單.php、存檔.php、主頁(yè).php等。
若要編輯文件,請(qǐng)?jiān)?/span>(如記事本)中打開(kāi)它。然后,找到如下所示的行:
<?php get_sidebar(); ?>
如果您的主題有多個(gè)側(cè)邊欄,則代碼看起來(lái)會(huì)略有不同,并且可能會(huì)有多個(gè)側(cè)邊欄代碼。通常,此代碼在函數(shù)中將包含“側(cè)邊欄”一詞,例如:
<?php get_sidebar('footer-widget-area'); ?>
您只需刪除要?jiǎng)h除的側(cè)邊欄的行即可。
現(xiàn)在,保存文件并將其上傳回您的。現(xiàn)在,您可以對(duì)所有具有側(cè)邊欄的模板文件重復(fù)此過(guò)程。
完成后,請(qǐng)?jiān)L問(wèn)您的、博客或網(wǎng)站以查看操作中的更改。
您可能會(huì)注意到,盡管側(cè)邊欄消失了,但您的內(nèi)容區(qū)域仍然具有相同的寬度,這使得側(cè)邊欄區(qū)域?yàn)榭铡?/span>

當(dāng)主題具有內(nèi)容區(qū)域的定義寬度時(shí),會(huì)發(fā)生這種情況。刪除側(cè)邊欄后,您可能需要通過(guò)將 WordPress 主題來(lái)調(diào)整內(nèi)容區(qū)域的寬度。
為此,請(qǐng)轉(zhuǎn)到主題 ?自定義。在左側(cè)菜單中,單擊“其他 CSS”。

您現(xiàn)在可以繼續(xù)將以下代碼粘貼到小代碼編輯器中:
.content-area {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
}
.content-area .site {
margin:0px;
}
完成后,單擊“發(fā)布”按鈕。現(xiàn)在,訪問(wèn)您的網(wǎng)站,您將看到內(nèi)容區(qū)域占據(jù)了 100% 的可用空間。
方法 4.從WordPress中的單個(gè)頁(yè)面中刪除側(cè)邊欄
您可能只想刪除某些頁(yè)面上的側(cè)邊欄,同時(shí)仍顯示網(wǎng)站其他區(qū)域的側(cè)邊欄。例如,許多網(wǎng)站不會(huì)在其顯示側(cè)邊欄,因?yàn)樗鼤?huì)分散購(gòu)物者的注意力并阻止他們完成購(gòu)買。
如果您只想從特定頁(yè)面中刪除側(cè)邊欄,那么我們建議您使用 這樣的。
SeedProd允許您使用簡(jiǎn)單的拖放編輯器設(shè)計(jì)任何類型的頁(yè)面。這使得在任何頁(yè)面中添加和刪除側(cè)邊欄變得容易。
在 SeedProd 編輯器中,只需單擊以選擇要?jiǎng)h除的側(cè)邊欄。然后,繼續(xù)并單擊垃圾桶圖標(biāo)。

如果要從整個(gè)站點(diǎn)中刪除側(cè)邊欄,還可以使用 SeedProd 輕松創(chuàng)建沒(méi)有任何側(cè)邊欄的。
方法 5.從WordPress中的靜態(tài)頁(yè)面中刪除側(cè)邊欄
一些 WordPress 主題帶有多個(gè)模板,包括不顯示內(nèi)容兩側(cè)邊欄的模板。您可以使用這些模板從任何頁(yè)面中刪除邊欄。
要查看您的主題是否具有全角模板,只需打開(kāi)任何頁(yè)面即可。在右側(cè)菜單中,單擊“模板”旁邊的鏈接。

在顯示的彈出窗口中,打開(kāi)下拉菜單并查找全角模板。
如果找到一個(gè),請(qǐng)單擊它以將模板應(yīng)用于此頁(yè)面。

如果您的主題沒(méi)有全角模板,則可以手動(dòng)創(chuàng)建一個(gè)。
打開(kāi)純文本編輯器(如記事本),并將以下代碼粘貼到空白文件中:
<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>
現(xiàn)在,您可以使用名稱 full-wide.php 保存此文件。
之后,使用FTP客戶端或WordPress托管提供商提供連接到您的網(wǎng)站。
然后,轉(zhuǎn)到 /wp-content/themes/ 并打開(kāi)當(dāng)前主題的文件夾。在此文件夾中,找到頁(yè)面.php文件并在任何文本編輯器中打開(kāi)它。

現(xiàn)在,復(fù)制行后顯示的所有內(nèi)容并將其粘貼到全角.php文件中。<?php get_header(); ?>
完成此操作后,找到并刪除如下所示的行:
<?php get_sidebar(); ?>
現(xiàn)在,您可以保存更改并將全角文件上傳到主題文件夾.php。
完成此操作后,您可以按照上述相同過(guò)程將此模板用于任何頁(yè)面。
注意:如果您在創(chuàng)建全角文件時(shí)在中打開(kāi)了頁(yè)面.php則必須刷新編輯器,然后新模板才會(huì)顯示在下拉菜單中。
方法 6.從WordPress中的單個(gè)帖子中刪除側(cè)邊欄
WordPress也有帖子模板,其工作原理類似于頁(yè)面模板。
如果要從某些單個(gè)帖子中刪除側(cè)邊欄,則可以創(chuàng)建自定義單個(gè)帖子模板。這類似于創(chuàng)建全寬頁(yè)面模板。
首先,您需要使用記事本等文本編輯器創(chuàng)建新的模板文件。完成此操作后,可以將以下代碼復(fù)制并粘貼到該文件中:
<?php
/*
* Template Name: Featured Article
* Template Post Type: post, page, product
*/
?
get_header(); ?>
此代碼創(chuàng)建一個(gè)名為“精選文章”的新模板,并使其可用于任何頁(yè)面或帖子,以及中的任何產(chǎn)品帖子類型。
在您的自定義單個(gè)帖子模板中,您只需刪除代碼的側(cè)邊欄部分。
完成后,將此文件另存為全角.php。
接下來(lái),您需要使用 FTP 客戶端或文件管理器將文件上傳到當(dāng)前的 WordPress 主題文件夾。
完成此操作后,您可以將此模板應(yīng)用于任何帖子。在右側(cè)菜單中,只需單擊“模板”旁邊的鏈接。

在出現(xiàn)的彈出窗口中,打開(kāi)下拉菜單,然后選擇剛剛創(chuàng)建的全角模板。
之后,只需單擊“更新”或“發(fā)布”即可使您的更改生效。







