WordPress 區塊小工具教學：側邊欄設定全解析

WordPress 後台裡最不起眼、卻最容易讓人愣住的入口，大概就是「小工具」了。點進去是一片陌生的方塊介面，想改一下側邊欄的最新文章數量，卻怎麼也找不到當年那個簡單的下拉選單。更尷尬的情況是，你幫客戶把網站交出去了，對方來信說頁尾的聯絡資訊跑掉了，你打開後台才發現小工具區域跟你印象裡的完全不一樣。

接下來要拆解的，就是這一整塊讓人卡關的事。WordPress 的小工具（widget）與側邊欄（sidebar）設定，在 5.8 版之後歷經了一次介面大改，從傳統的拖曳式 Classic Widgets，全面換成以區塊為基礎的區塊小工具編輯器（Block-based Widget Editor）。兩套介面背後的邏輯完全不同，但要做的事其實沒變：把特定的內容區塊，放進網站版面上預先留好的「容器」裡。

說穿了，小工具就是「容器 + 內容」的組合。容器是你的佈景主題（theme）在側邊欄、頁尾、頁首這些位置預留的區域；內容則是你在這些區域裡填入的最新文章清單、搜尋框、文字、圖片或自訂 HTML。搞懂這個心智模型，後面不管是哪一套介面，你都能很快上手，這也是 WordPress 架站全攻略 在後台設定的一環。

小工具到底是什麼：把側邊欄與頁尾想成等著被填滿的容器

要真正搞懂 WordPress 小工具，最好先丟掉「小工具就是那幾個固定功能的方塊」這個舊印象。我會用一個比較好理解的比喻：把你的網站版面想像成還沒裝潢的房子，佈景主題的開發者在施工時，已經在牆壁上預留了幾個「凹槽」，有的在客廳左邊（側邊欄），有的在大門上方（頁首），有的在玄關地上（頁尾）。這些凹槽就是 widget area，也就是小工具區。

你身為屋主，要做的事情就是挑選合適的「傢俱」塞進這些凹槽。傢俱可以是 WordPress 內建的最新文章區塊、分類清單、搜尋框，也可以是外掛提供的聯絡表單、社群動態、廣告輪播。重點在於：凹槽的「形狀和位置」是主題決定的，但「裡面放什麼」是你決定的。

這個區分能解釋不少常見疑問。換主題後，原本側邊欄內容可能被移到「未使用的小工具」，因為新舊主題註冊的區域名稱與數量不同；有的主題提供四個頁尾欄位、有的僅有一個，也取決於範本如何註冊 widget area。

換個方式想，小工具系統本質上是一個「位置 + 內容」的配對機制。它跟你在頁面編輯器裡用區塊排版的邏輯很像，差別在於：頁面是單一網址的內容，而小工具區是「全站通用」的，你放進去的內容會出現在所有套用同一個範本的位置。這也是為什麼小工具特別適合放網站層級的元素，像是導覽選單、搜尋、全站公告、訂閱表單。

常見的小工具區位置

一個典型的 WordPress 佈景主題，通常會註冊下面幾個小工具區。不同主題的數量和命名會有差異，但概念一致：

• 側邊欄（Sidebar / Primary Sidebar）：出現在文章列表或單篇文章的側邊，是部落格與內容站最常用的區域。
• 頁尾區（Footer Widget Areas）：通常會切成三到四欄，放聯絡資訊、快速連結、社群圖示、公司簡介。
• 頁首區（Header Widget Area）：部分主題提供，常放搜尋框、購物車圖示或一顆 CTA 按鈕。
• 首頁區（Homepage Widget Areas / Content Sections）：有些主打企業形象的主題，會在首頁規劃一排可填入小工具的區段，讓你用小工具拼出首頁版面。
• 商店側邊欄（WooCommerce Sidebar）：電商主題常為商品列表頁另註冊一個專屬側邊欄，放篩選器與分類。

記住這份清單的用意在於建立一個直覺：當你想要在某個位置出現某段內容時，先確認你的主題在那個位置有沒有註冊小工具區。沒有的話，你要嘛換主題，要嘛改用頁面編輯器或頁面建構器直接在範本裡排版，別硬在小工具裡找答案。

兩套介面的分水嶺：Classic Widgets 與區塊小工具編輯器

WordPress 5.8（2021 年 7 月發布）是一條很清楚的分界線。在這個版本之前，小工具的管理介面是所謂的 Classic Widgets，左邊一排可用小工具，右邊是各個小工具區，你用拖曳或點擊的方式把小工具放進區域裡，然後展開設定標題、數量等等。

5.8 之後，這個介面被換成區塊小工具編輯器。它其實就是把區塊編輯器（也就是 Gutenberg）搬進小工具管理頁面，讓你用跟編輯文章一模一樣的區塊操作方式，來組裝側邊欄與頁尾的內容。每一個傳統小工具，都對應到一個區塊：最新文章變成「最新文章區塊」，搜尋變成「搜尋區塊」，分類變成「分類區塊」（見 WordPress 官方的 Widgets Block Editor Overview）。

這個改動在官方文件裡被定位為「讓小工具也能享受區塊系統的彈性」，例如你現在可以在側邊欄裡放一個圖片、一段引文、一組按鈕，甚至一個完整的群組區塊，這些在傳統介面裡都很難做到。但對很多老用戶來說，這等於是把一個用了十年的簡單工具，突然換成功能更強、學習曲線也更陡的新介面。

如果暫時無法適應區塊介面，可以安裝 Classic Widgets，把小工具管理頁面還原成傳統介面。它是相容性方案，採用前仍要查看Classic Widgets 外掛頁面的最近更新、相容版本與官方維護狀態，不能假設會無限期維護。

兩套介面該怎麼選

這不是「新的一定好」的問題，而是要看你的實際情境。我把兩者的取捨整理成一張表：

面向	區塊小工具編輯器（5.8 起）	Classic Widgets（需裝外掛）
內容彈性	高，可放任何區塊（圖片、按鈕、群組、HTML）	低，限於傳統小工具與支援的小工具型外掛
學習成本	較高，需熟悉區塊操作	低，拖曳即用
未來相容	官方主力方向，持續更新	過渡方案，不會有新功能
適合對象	願意學區塊、想要更多排版彈性的人	維護舊站、交付給不會用區塊的客戶
客製外掛相容	需外掛支援區塊小工具	相容於所有傳統小工具

我自己的習慣是：新站一律用區塊介面，因為遲早要面對；舊站或交付給非技術背景客戶的站，如果對方明確表達抗拒，我會裝 Classic Widgets 當作緩衝，但不會把它當成長期解法。你也可以在安裝外掛之後先試用一輪，確認體感再決定。

區塊小工具編輯器實戰：從外觀一路拉到佈局

實際操作上，不論你用的是區塊介面還是傳統介面，進入點都在 WordPress 後台的「外觀」選單底下。差別在於你看到的畫面長相。底下我用區塊介面為主軸走一次完整流程，因為這是現在的預設體驗，也是你未來一定會遇到的那一套。

第一步，登入後台，從左側選單點「外觀」，再點「小工具」（有些區塊主題會把它改名叫「佈局」或整合進「外觀 → 編輯器」的範本編輯流程，這點後面談主題差異時會展開）。點進去之後，你會看到一個類似區塊編輯器的畫面，中間是你的小工具區域（側邊欄、頁尾等），右上角有一個加號按鈕可以叫出區塊選擇器。

第二步，決定要把區塊放進哪個區域。在區塊介面裡，每一個小工具區會以一個獨立的「容器」呈現，點選容器之後就能在裡面新增區塊。想放最新文章，就用「+」加入「最新文章」區塊；想放搜尋，就加入「搜尋」區塊。每一個區塊都有自己的工具列與設定側欄，可以調整標題、顯示數量、排序方式。

第三步，調整區塊的順序。這是新手最容易卡住的地方。在區塊介面裡，你要用區塊工具列的上下箭頭，或者直接拖曳區塊來改變它在容器裡的先後順序。拖曳時游標會變成抓取的手勢，放開後區塊就會落在新的位置。如果你的側邊欄裡有十幾個區塊，建議先在心裡排好優先順序再動手，否則很容易越拖越亂。

第四步，儲存。區塊小工具編輯器跟頁面編輯器一樣，改完之後要點右上角的「更新」按鈕才會生效。這一步看起來沒什麼，但不少人以為改完就即時生效，結果前端一直看不到變化，最後發現根本沒按儲存。

幾個讓效率翻倍的進階操作

如果你已經熟悉基礎流程，底下這幾個技巧能幫你省下大量時間：

• 用清單檢視：區塊編輯器左上角的「清單檢視」圖示，會以樹狀結構顯示所有區塊。當你的頁尾有四欄、每欄又有好幾個巢狀區塊時，清單檢視是唯一能讓你看清楚結構的方式，拖曳排序也最直覺。
• 複製與重用：把一個排好的區塊群組存成「可重用區塊」（reusable block），之後在其他小工具區直接插入，不用每次重新組裝。這對於全站統一的 CTA 區塊特別好用。
• 鎖定區塊：交付客戶站時，把不想被誤改的關鍵區塊（例如聯絡資訊、法律聲明）鎖定，避免對方在編輯時不小心刪掉。
• 自訂 HTML 區塊：需要嵌入第三方程式碼（社群動態、廣告、表單）時，用「自訂 HTML」區塊貼入，這是傳統小工具做不到的彈性。

若你希望側邊欄裡的分類或自訂分類以特定順序呈現，跳過預設的字母或建立順序，可以考慮裝 Category Order and Taxonomy Terms Order 這類排序外掛來拖曳決定先後，這在做內容導覽時很實用。搭配你在分類排序上的整體規劃，側邊欄的資訊架構會清楚很多。

讓小工具僅出現在特定頁面

很多人不知道的一個進階技巧，是讓同一個小工具區「在不同頁面顯示不同內容」。預設情況下，側邊欄是全站一致的：你在裡面放什麼，每一頁就都看到什麼。但實務上，部落格文章的側邊欄跟 WooCommerce 商品頁的側邊欄，想呈現的東西往往完全不同。文章頁適合放熱門文章與訂閱表單，商品頁則要放分類篩選與同類推薦。

實作上有幾條路。第一條，如果你的主題有為不同頁面類型註冊獨立的小工具區（例如一個 Sidebar 給文章、一個 WooCommerce Sidebar 給商品），就直接在各自的區域填入對應內容，這是最乾淨的做法。第二條，裝一套小工具顯示條件外掛（widget logic 或 visibility 類外掛），用簡單的條件判斷控制每個區塊僅出現在指定頁面。第三條，區塊介面本身支援對單一區塊設定「進階」裡的顯示條件，部分主題與外掛會把這個能力整合進區塊設定側欄，讓你不用寫任何條件式就能做到。

把側邊欄從「全站一刀切」改成按頁面類型配置，可讓文章頁呈現相關內容、商品列表提供實用篩選。是否改善停留或轉換仍要看讀者行為與實際測試；內容分層可延伸閱讀部落格經營。

側邊欄到底該放什麼：幾個常見的錯置區塊

介面會用了，下一個更重要的問題是：側邊欄裡到底該放什麼？這個問題的答案跟你的網站類型有關，但有一個共同的判準，可以稱為「讀者三秒測試」：當一個訪客從某篇文章進到你的網站，他在側邊欄掃過的三秒內，能不能找到「繼續留在站上的理由」。如果答案是不能，那你的側邊欄就是在浪費一塊高曝光的版面。

側邊欄常見的問題不是設定故障，而是內容沒有明確任務。若同時塞入計數器、相簿、輪播、月曆與廣告，各區塊會互相爭奪注意力，也可能增加載入成本。

比較健康的做法是回到「讀者為什麼會看到側邊欄」這個起點。側邊欄的核心任務僅有三個：引導（讓讀者找到更多相關內容）、捕捉（留下名單或引導轉換）、建立信任（讓讀者知道這是誰的站）。依這三個任務，我會建議的側邊欄標準配置大概是：

部落格與內容站的側邊欄範本

1. 搜尋框：放最上面。讀者讀到一半想找特定主題，這是最近的出口。
2. 關於作者或網站簡介：一張照片、兩三句話、一個連到關於頁的連結。這是建立 E-E-A-T 信任感最便宜的方式。
3. 熱門文章或精選文章：挑三到五篇你最想被看見的內容。不要用「最新文章」，因為最新不等於最好。
4. 電子報訂閱表單：把側邊欄的流量轉成可長期經營的名單。
5. 分類或標籤雲：幫讀者快速跳到感興趣的主題。

注意這份範本的順序是有意義的：從「功能性」（搜尋）到「信任」（關於）到「導覽」（熱門、分類）到「轉換」（訂閱）。你可以根據自己的網站調整，但建議總數壓在五到六個區塊以內。每一個你加上去的區塊，都要能回答「它對讀者的三秒測試有什麼貢獻」，回答不出來就拿掉。

企業形象站與電商站的差異

企業形象站的側邊欄通常出現在內頁（服務介紹、部落格文章），配置會偏向「聯絡資訊、服務清單、CTA 按鈕、客戶見證」。電商站的側邊欄（尤其是 WooCommerce 商品列表頁）則要放「分類篩選、價格區間、熱銷商品、購物車摘要」。這兩類網站的側邊欄目標轉向「讓訪客更快找到要買的東西或聯絡的管道」，所以資訊密度可以高一點，但仍要避免廣告和裝飾性區塊。如果希望聯絡資訊或主要 CTA 在捲動長頁面時持續看得到，可以進一步參考側邊欄小工具的固定做法，讓關鍵區塊不會被埋進頁面底端。

如果你經營的是 WooCommerce 站，側邊欄與商品頁的整合牽動轉換率，這部分我在商品頁 SEO與結帳流程客製裡有更細的討論，這裡先抓大方向：側邊欄永遠服務於「讓讀者做出下一個動作」這個目標。

頁尾小工具區：被低估的第二次接觸點

大多數人對頁尾的態度是「反正沒人會滑到底，隨便放放就好」。但對讀完頁面或主動找公司資訊的訪客來說，頁尾是重要的第二次接觸點。它適合承接聯絡方式、重要導覽與法律資訊，不該僅當成版面剩餘空間。

頁尾小工具區的設計有一個核心原則：不要重複側邊欄，而是補側邊欄做不到的事。側邊欄通常服務「單頁導覽」（找下一篇、找分類），頁尾則該服務「全站層級的資訊」（公司是誰、怎麼聯絡、有哪些重要連結、法律聲明）。一個好的頁尾，應該能讓讀者在不回到頁首的情況下，完成「找到聯絡方式、理解網站全貌、或被引導到轉換頁」這幾件事。

以室內設計工作室形象站為例，主題若把頁尾切成多個小工具區與獨立版權列，管理者常會不知道公司地址、服務連結與社群該放在哪一欄。解法是先畫草圖：左欄放品牌簡介與 Logo，中間放服務或產品連結，右欄放聯絡資訊與社群，最底下再放法律文字與年份。

底下是一個我常推薦給企業形象站的頁尾四欄配置：

欄位	內容	目的
第一欄	Logo、一句品牌定位、社群圖示	品牌識別與社群引流
第二欄	主要服務或產品分類連結	站內導覽、分散流量到重點頁
第三欄	最新文章或資源下載	內容行銷引流、名單捕捉
第四欄	聯絡信箱、電話、地址、隱私權頁連結	轉換管道與法規遵循

幾個頁尾常犯的錯誤也值得點出來：把整頁的選單原封不動複製到頁尾（資訊冗餘，讀者已經在頁首看過了）、放一個會自動播放音樂或影片的區塊（妨礙體驗）、用低解析度的圖片撐場面（拖垮專業感）、忘了更新年份或版權資訊（看起來像沒在維護的站）。頁尾是「最後一哩路」，把它當成一面對外櫥窗來經營，整站的專業度會立刻提升一個檔次。

若主題或頁面建構器支援範本編輯，頁尾可以用頁首頁尾設計的拖曳介面製作，不必受限於傳統小工具欄位數。採用前要確認權限、響應式設定與停用工具後的內容可攜性。

三套主題體系下的小工具差異：傳統、混搭與區塊主題

WordPress 在 5.9 版引入了「區塊主題」（block theme，也叫全站編輯 Full Site Editing 主題）之後，小工具的生態其實變成三套並存的體系。很多人會在小工具介面裡迷路，根本原因就是沒有意識到自己用的主題屬於哪一套。把這件事弄清楚，後面的問題會少一半。

傳統主題（Classic Themes）

傳統主題用 PHP 函式（register_sidebar）在小工具系統裡註冊區域，後台的小工具管理頁面走的就是前面描述的那一套。許多經典主題與部分混合式主題仍採用這種模式，修改方式通常是進「外觀 → 小工具」調整。

形象站或部落格若採傳統主題，應優先檢查小工具區是否清楚、欄位數能否調整，以及手機版堆疊方式。完整規劃可參考品牌形象站指南。

混搭主題（Hybrid Themes）

有些主題同時支援傳統小工具區與部分區塊編輯能力，介於兩者之間。例如某些主題會讓你用區塊編輯器編頁尾，但側邊欄還是傳統小工具。這類主題的操作要特別留意文件，因為你可能在同一個後台裡用到兩種不同的編輯模式。

區塊主題（Block Themes / Full Site Editing）

區塊主題是 WordPress 未來的方向。在區塊主題裡，整個網站的版面（頁首、頁尾、文章範本、單頁範本）都是用區塊組出來的，管理入口不是「外觀 → 小工具」，而是「外觀 → 編輯器」裡的範本（Templates）與範本組件（Template Parts）。在這套體系下，傳統的小工具區概念被「範本組件」取代：你的頁尾不再是一個 widget area，而是一個可以被區塊編輯器完整排版的範本組件。

對讀者來說，這代表更大的設計自由度，但也代表你要從「填空格」的心態，切換到「直接畫版面」的心態。如果你之前完全沒接觸過區塊編輯，建議先從單篇文章的編輯練起，等熟悉區塊操作之後，再進到全站編輯的層次。這部分我們另拆解在Gutenberg 區塊外掛；想挑選支援程度高的主題，可以參考WordPress 佈景主題推薦。

三套體系不用強迫自己一次搞懂，但你要知道自己的站屬於哪一套，因為它直接決定了你改側邊欄與頁尾時要打開哪個畫面。最簡單的判斷方式：後台「外觀」選單底下如果看到「編輯器（Beta 或正式版）」而且點進去是全頁的區塊畫布，那就是區塊主題；如果僅看到「小工具」和「自訂」，那就是傳統或混搭主題。

小工具牽動 SEO：行動裝置優先索引與 Core Web Vitals

到這裡你可能會想：小工具不就是排個版面嗎，跟 SEO 有什麼關係？關係其實比想像中大。小工具決定了側邊欄與頁尾的「內容重量」和「載入成本」，而這兩件事直接影響你的搜尋表現。我把它拆成兩個層面來談。

行動裝置優先索引下的側邊欄

Google 已全面採用行動裝置優先索引，也就是以行動版作為抓取、索引與理解內容的主要來源，不代表手機版天然取得排名加分（2023 年 10 月的〈Mobile-first indexing is here〉公告說明了這套機制）。在手機版上，側邊欄通常會被移到主要內容下方，因此要確認重要資訊沒有被隱藏或重複。

這代表幾件事。你放在側邊欄的內部連結、分類、熱門文章，在手機版上通常會移到正文之後，實際曝光與點擊可能下降。如果重要導覽或 CTA 僅放在側邊欄，手機讀者可能很晚才看到。DOM 順序也會影響鍵盤操作、螢幕閱讀器與內容理解，因此要確認重要內容在行動版仍易於找到；不能僅因元素排在後面，就斷言搜尋權重一定下降。

實務上的調整方向是：把「一定要被手機讀者看到」的元素（主選單、CTA、聯絡按鈕）放到頁首或吸附式元素，別全部押在側邊欄上。側邊欄保留給「加分但非必要」的內容（相關文章、分類、訂閱）。這也是為什麼手機版的響應式設計與版面規劃要跟桌機版分開思考。

Core Web Vitals 與小工具的載入成本

第二個層面是速度。小工具可能帶來額外 CSS、JavaScript、圖片或第三方請求，社群動態、廣告輪播、地圖與影片尤其要實測。Core Web Vitals 是 Google 多項頁面體驗訊號的一部分，影響相對輕量；不要把單次分數與排名變化直接畫上等號，這是 2020 年 5 月〈Evaluating page experience〉公告中的定位。

速度之所以重要，背後的使用者行為也很直覺：當頁面載入時間從一秒拉長到三秒，跳出率會明顯上升，訪客在還沒看到內容之前就離開了（見 web.dev 的 Why does speed matter?）。側邊欄與頁尾是你最容易「不小心變慢」的地方，因為它們常常被拿來塞各種裝飾性或第三方元素。

幾個降低小工具載入成本的實戰做法：

• 砍掉非必要的第三方嵌入：那個「即時 Twitter 動態」或「Facebook 粉絲團動態」小工具，常常是拖慢頁面的元兇。能用靜態連結取代的，就用靜態連結。
• 延遲載入圖片：側邊欄與頁尾的圖片（Logo、社群圖示、廣告素材）設定 lazy load，不要讓它們搶在主要內容之前載入。
• 合併與最小化資源：用快取外掛做 CSS 與 JS 的合併壓縮，減少請求數。
• 圖片壓縮：頁尾的社群圖示或贊助 Logo 常常是未壓縮的 PNG，體積比必要的大上好幾倍。參考WordPress 圖片優化的做法把它們壓下來。
• 監測實際數據：定期用 PageSpeed Insights 或看 Search Console 裡的 Core Web Vitals 報告，確認側邊欄改動前後的速度變化。更多指標解讀可以參考Core Web Vitals 與 SEO與載入速度優化全攻略。

這幾件事看起來零散，但加起來就是「有沒有把小工具當成一個會影響 SEO 的元件來看待」的差別。一個把側邊欄當雜物抽屜的站，跟一個刻意控制小工具數量與載入成本的站，長期的搜尋表現會拉開明顯差距。

小工具出狀況時的排查路線

側邊欄與頁尾異常，常見原因包括變更未儲存、快取仍保留舊畫面，以及主題或外掛覆寫輸出。以下排查路線可協助逐項縮小範圍。

症狀一：改了小工具但前端沒變化

最常見的三個原因。第一，忘了按「更新」。第二，前端被快取住了，你看到的還是舊版本，清一下瀏覽器快取或網站層級的頁面快取就會好。第三，你改的小工具區不是前端實際顯示的那一個，這常發生在主題註冊了多個相似名稱的側邊欄（例如「Sidebar」和「Blog Sidebar」是兩個不同的區），確認你改的跟前端用的是同一個。

症狀二：換主題後側邊欄內容全消失

這不是消失，是被 WordPress 移到「未使用的小工具」（Inactive Widgets）區了。換主題時，舊主題註冊的小工具區會被移除，原本在裡面的小工具會被保留但變成「未使用」狀態。新主題的側邊欄通常是空的，你需要手動把未使用的小工具重新拖（或用區塊新增）到新主題的側邊欄裡。這也是為什麼換主題前，建議先截圖記錄原本的側邊欄配置。

症狀三：某個外掛提供的小工具突然不見了

通常是被停用或更新後出錯。先到「外掛」清單確認那個外掛還在啟用狀態。如果啟用著但小工具不見，試著停用再重新啟用一次。還是不行的話，檢查外掛是不是跟目前的 WordPress 版本或區塊介面不相容，這種情況常發生在很久沒更新的老外掛，它們可能僅支援 Classic Widgets 而不支援區塊小工具編輯器。

症狀四：頁尾欄位數跟你想的不一樣

欄位數由主題決定。如果主題預設頁尾四欄，但僅填兩個小工具，版面可能顯得不平衡。可以填入必要內容，或到主題設定把頁尾調成兩欄或三欄；若沒有這個選項，就要修改範本或更換版面方式。

症狀五：手機版側邊欄位置跑掉或消失

這通常是主題的響應式設定造成的。有些主題會在手機版「隱藏」側邊欄，或把它折疊成一個可點開的區塊。到「外觀 → 自訂」裡找響應式或行動裝置相關的設定，確認側邊欄在手機上是顯示、隱藏還是折疊。如果你不希望它在手機上被隱藏（因為裡面有重要內容），那就要調整設定，或者如前面所說，把關鍵元素移到不會被隱藏的位置。

把這五個症狀記下來，未來遇到小工具問題時，先對照症狀再動手，會比漫無目的地亂按設定有效率得多。排查時一個好習慣是：每改一個設定就開無痕視窗看一次前端，這樣可以排除瀏覽器快取與登入狀態的妨礙。

動手前的六步配置清單

接著把前面的觀念與排查收斂成一份行動清單。不管是自己的網站或交付中的專案，都可以用這六步整理小工具配置。

1. 盤點現有配置：進「外觀 → 小工具」，把目前每一個區域裡的區塊逐一記下來（截圖或列清單都可以）。這一步的重點是先看清楚「現在到底放了什麼」，很多人卡關是因為從來沒有完整盤點過自己的側邊欄。
2. 套用三秒測試：對每一個區塊問「它能否讓讀者快速理解下一步」。答不出來的，先標記為候選刪除，再用實際頁面確認是否影響任務。
3. 決定標準配置：依照你是部落格、形象站或電商站，套用前面建議的側邊欄範本，把保留的區塊重新排序（搜尋、關於、熱門、訂閱、分類）。頁尾則依照四欄配置（品牌、服務、內容、聯絡）來排。
4. 清理載入成本：檢查每一個第三方嵌入、未壓縮圖片、自動播放元素，能砍的砍、能延遲的延遲、能壓縮的壓縮。做完之後跑一次 PageSpeed Insights 對比改動前後的分數。
5. 確認手機版行為：切到手機視角，確認側邊欄的顯示方式、頁尾的欄位折行、以及關鍵 CTA 在手機上是否看得見。必要的話調整主題的響應式設定。
6. 記錄與交接：把最終配置截圖存檔，連同排查路線一起整理成一份交接文件。交付客戶站時，這份文件能大幅減少後續的往來溝通成本。

小工具與側邊欄看似是 WordPress 裡最不起眼的一塊，但它同時牽動使用者體驗、轉換路徑與搜尋排名。把這一塊從「想到才改」升級成「有意識地設計」，你的網站會在這些細節裡慢慢拉開跟競品的距離。現在就打開你的後台，從盤點現有配置開始，給你的側邊欄與頁尾一次完整的健檢吧。

如果想把網站的 SEO 與內容架構一起整理，可以參考WordPress SEO 完整指南與頁面 SEO 指南。這些都是選項，挑目前最需要的一項開始即可。