如何刪除 WordPress 中的側邊欄

已發表: 2023-12-04

在設計一個能夠吸引受眾注意力並提供卓越用戶體驗的網站時,頁面上的每個元素都很重要。

其中一個元素是通用側邊欄,它通常包含小部件、導覽功能表和其他旨在幫助網站訪客的元件。

然而,有時您可能會發現您的網站設計或內容可以受益於乾淨、寬敞的佈局,而無需側邊欄的干擾。

在這篇綜合文章中,我們將引導您了解如何刪除 WordPress 網站中的側邊欄。 我們將探索各種方法,包括編輯主題檔案和使用自訂頁面模板,以便您可以選擇最適合您需求的方法。

因此,如果您準備好控制網站的佈局和設計,那麼讓我們深入了解 WordPress 側邊欄刪除的世界,並釋放更具視覺吸引力和用戶友好的線上形象的潛力。

目錄

  1. 為什麼要刪除 WordPress 中的側邊欄?
  2. 如何刪除 WordPress 中的側邊欄
    • 使用 WordPress 主題設定刪除側邊欄
    • 使用完整網站編輯刪除側邊欄
    • 從整個 WordPress 網站中刪除側邊欄
    • 從 WordPress 靜態頁面中刪除側邊欄
    • 從 WordPress 中的單一貼文中刪除側邊欄
  3. 結論

1為什麼要刪除 WordPress 中的側邊欄?

側邊欄提供了用於顯示小部件的額外空間,例如最近的帖子、類別、標籤和社交媒體連結。 我們在部落格頁面上使用側邊欄來推廣我們的社交媒體頁面。

側邊欄範例

刪除 WordPress 中的側邊欄可以透過多種方式顯著使您的網站受益。

首先,它透過為您的內容提供一個乾淨、無幹擾的環境來增強可讀性和用戶參與度,確保您的受眾可以專注於最重要的事情。

此外,沒有側邊欄的全寬設計通常會產生更美觀、更現代的外觀,從而允許更大、更具視覺吸引力的多媒體元素。 它還促進了更好的移動響應能力,確保 您的網站在所有裝置上看起來都很棒。

此外,刪除側邊欄可讓您重新設計和嘗試不同的佈局,這對於創意和作品集網站特別有利。 它還可以提高頁面載入速度,對搜尋引擎優化和用戶體驗產生積極影響。

最終,它提供了一個量身定制的、整潔的空間來傳達您的品牌形象並提高您網站的有效性。

2如何刪除 WordPress 中的側邊欄

現在讓我們討論在 WordPress 中刪除側邊欄的不同方法。

注意:我們建議在進行任何更改之前先進行網站備份。 如果出現任何問題,這樣做將幫助您恢復正常。

2.1使用 WordPress 主題設定刪除側邊欄

並非所有 WordPress 主題都提供刪除側邊欄的內建設定。 然而,許多現代主題提供了用於自訂單一頁面或貼文佈局的選項,其中可能包括刪除側邊欄。

從 WordPress 儀表板導覽至外觀 → 自訂

導航至自訂設定以刪除側邊欄

現在在主題設定中尋找側邊欄選項,例如 Astra 主題提供的側邊欄選項。

Astra 主題設定中的側邊欄選項

現在您可以探索各種佈局,包括消除側邊欄的選項,例如無側邊欄/左側邊欄/右側邊欄。 點擊縮圖將佈局應用到您的網站,如下所示。

應用側邊欄佈局

完成後,按一下“發布/更新”以儲存變更。

2.2使用全站編輯刪除側邊欄

使用完整網站編輯刪除側邊欄,特別是在基於區塊的主題中,提供了一種無縫且直觀的方式來自訂 WordPress 網站的佈局和設計。

例如,如果您使用的是「二十二三」主題,請從 WordPress 儀表板導覽至「外觀」→「編輯器」

導航到編輯器

預設情況下,完整網站編輯器顯示主題的主頁範本。 但是,您可以靈活地從任何頁面刪除側邊欄。

若要探索所有可用選項,請導覽至範本、模式或頁面。

區塊主題設計

按一下您要刪除側邊欄的範本或頁面。 然後 WordPress 將顯示設計的預覽。 要編輯模板,請點擊小鉛筆圖標,如下所示。

編輯模板

選擇側邊欄,按一下三點圖標,然後按一下「刪除」 ,如下所示。

刪除側邊欄

完成後,儲存更改,側邊欄就會消失。

2.3從整個 WordPress 網站中刪除側邊欄

從進階等級刪除整個 WordPress 網站的側邊欄涉及修改主題檔案。 此過程需要對 WordPress 主題、PHP 和 HTML 有深入的了解。

在進行任何變更之前,建立整個 WordPress 網站的備份非常重要。 這可確保您在出現任何問題時可以恢復到先前的狀態。

使用 FTP(檔案傳輸協定)或託管提供者提供的檔案管理器登入您的 WordPress 託管伺服器。

導航到wp-content/themes/目錄並找到當前活動主題的資料夾。

導航到主題資料夾

不同的主題以不同的方式組織其模板文件。 通常,您會發現諸如page.phpsingle.phpindex.php之類的模板。 這些文件控制不同類型頁面的佈局。

使用文字編輯器開啟相關範本文件(例如page.php )。

尋找下面產生側邊欄的程式碼。

 <?php get_sidebar(); ?>

刪除或註解掉與側邊欄相關的程式碼。

根據您的主題結構,對其他相關模板檔案(例如single.phpindex.php重複此過程。 儲存對範本檔案所做的變更。

現在,請造訪您的網站並徹底測試不同的頁面,以確保側邊欄已成功刪除。

2.4從 WordPress 靜態頁面中刪除側邊欄

若要從靜態頁面中刪除側邊欄,請從 WordPress 儀表板導覽至「頁面」部分。

進入頁面編輯器後,尋找「頁面」部分,通常位於編輯器的右側。

您將在此處找到標有“模板”或類似選項的下拉式選單。 選擇設計為全寬的模板或明確聲明不存在側邊欄的模板。

全寬模板

選擇所需的範本後,按一下更新/發布按鈕儲存變更。

如果您的主題沒有全角模板,您可以手動建立一個。

開啟純文字編輯器(例如記事本)並將以下程式碼貼到空白文件中:

 <?php /* * Template Name: Full-Width */ get_header(); ?>

使用 full-width.php 或類似名稱儲存檔案。 接下來,使用 FTP 用戶端或 WordPress 託管提供的檔案管理器連接到您的網站。

導航至 /wp-content/themes/ 並開啟與目前主題對應的資料夾。 在此資料夾中,找到page.php檔案並使用您選擇的任何文字編輯器將其開啟。

編輯page.php文件

複製行<?php get_header(); ?>之後的所有內容<?php get_header(); ?>並將其貼到您的 full-width.php 檔案中。 完成此步驟後,找到並刪除類似以下內容的行。

 <?php get_sidebar(); ?>

您可以儲存變更並將 full-width.php 檔案上傳到主題資料夾。 您可以按照上述流程將此範本套用到任何頁面。

2.5在 WordPress 中刪除單一文章的側邊欄

如果您不想從所有部落格文章中刪除側邊欄,而是自訂單一貼文以使其沒有側邊欄,請按照以下步驟操作:

導覽至 WordPress 儀表板左側的「貼文」部分,然後選擇所需的貼文。 在右側,找到“模板”並選擇“全寬” ,如下所示。

選擇全角模板

點擊更新/發布以保存您的更改。

如果找不到全角選項,您可以建立不含側邊欄的自訂頁面範本。 這些步驟與更改上述靜態頁面的範本類似。

3結論

在 WordPress 中隱藏側邊欄使您能夠按照自己的意願設計網站。

無論是使用模板獲得簡單的外觀還是探索更高級的選項(例如完整網站編輯),這一切都是為了使您的網站獨一無二。 您可以透過主題設定或手動調整來輕鬆完成此操作。

您選擇的方法取決於您對技術的熟悉程度以及您想要的定製程度。 請記住,WordPress 總是在不斷發展,因此最好密切注意新的更新,這些更新可能會提供更好的方法來調整網站的外觀。

能夠隱藏側邊欄讓您成為 WordPress 網站的老闆,使其看起來很棒並保持訪客的參與度。 如果您喜歡這篇文章,請透過推文@rankmathseo 告訴我們。