如何在 WordPress 中改變側邊欄的位置 (4 種方法)

WPressize Me

06/12/2024

何時需要更改 WordPress 的預設側邊欄位置

側邊欄是通常位於 WordPress 網站主內容區域左邊或右邊的一個欄位。在經典的 WordPress 主題中,側邊欄本質上是一個小工具區域,您可以使用 WordPress 小工具添加各種元素,如聯絡表單、搜索欄、社交媒體動態、最新文章等。儘管區塊主題不使用小工具,但“側邊欄”一詞仍常用於描述該特定區域,通常顯示額外內容或導航選項。

有時候,您可能會因應不同需求而需要更改側邊欄的位置。例如,一些網站的用戶閱讀習慣是從右到左,此時將側邊欄放在左側可能更適合他們的閱讀習慣,或是您運行的是電子商務網站,並注意到潛在客戶專注網頁的方式,您希望調整網站佈局,以便讓他們在瀏覽網站時更舒適。

某些網站設計可能也需要特定位放置側邊欄,以達到平衡及視覺上吸引人的佈局效果。

方法1:使用 WordPress 自定義器更改側邊欄位置(經典主題)

此方法適用於使用經典主題的用戶,您仍然可以使用 WordPress 自定義器來設計網站佈局。如果自定義器在您的 WordPress 儀表板中缺失,您可能使用的是區塊主題,需要跳到第三種方法。

首先,前往外觀 » 自訂。我們以 Astra 主題為例。

在這裡,我們看到 Astra 主題具有一個特殊的“側邊欄”選單。我們點擊它。

如您所見,Astra 擁有三個頁面佈局模板:一個無側邊欄、一个左側邊欄、一個右側邊欄。這允許我們通過點擊一次來更改側邊欄位置。此處,我們將側邊欄更改為左側。Astra 還提供更改側邊欄樣式、調整寬度及設定固定選項。

進行更改後,您可以像往常一樣在側邊欄添加可用的小工具。更多資訊,請參閱我們如何在 WordPress 中添加和使用小工具的指南。然後,只需點擊“發布”。

方法2:通過編碼更改側邊欄位置(經典主題)

如果您的經典主題沒有多個側邊欄選項,您可以使用 CSS 編碼手動更改側邊欄位置。我們建議使用暫存網站或子主題來嘗試此方法,這樣即使發生錯誤也不會影響您的父主題和/或線上網站。使用子主題還可以防止在主題更新時覆蓋您的更改。

步驟 1:使用檢查工具定位側邊欄 CSS 類別

首先,打開您的網站。然後,將滑鼠指針懸停在側邊欄區域並使用瀏覽器的檢查工具。如果您使用的是 Chrome,只需在該區域右鍵選擇“檢查”。

現在,將滑鼠指針懸停在頁面右上角的 HTML 和 CSS 行上。當您看到整個側邊欄區域突出顯示時,點擊該行。對我們而言,它是



Related Posts

  • 2024-07-20
  • WordPress 主题

您是否想在 WordPress 中為不同頁面使用多個佈景主題?可以自訂網頁的外觀和布局,為文章、頁面和部分區域建立模板。但是如果您想為網站的某些部分或頁面使用完全不同的佈景主題呢?本文將指導您如何在 WordPress 中為頁面使用多個佈景主題。

閱讀更多
  • 2024-07-19
  • WordPress 主题

您是否想在 WordPress 網站上添加回頂效果?這種效果在頁面較長時非常有用,可以讓用戶輕鬆返回頁面頂部,提升網站的用戶體驗。本文將教您如何使用 jQuery 和插件在 WordPress 中添加平滑回頂效果。

閱讀更多
  • 2024-07-13
  • WordPress 主题

您是否想在 WordPress 中創建一個自定義頁面?自定義頁面允許您使用與網站其餘部分不同的佈局。許多 WordPress 網站使用自定義頁面佈局來建立銷售頁面、登陸頁面、網路研討會頁面等。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中創建自定義頁面。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>