WordPress 側邊欄與小工具：安排資訊與固定區塊

側邊欄空著，不代表一定要塞滿。讀者正在看文章時，搜尋、目錄或相關內容可能有幫助，但過長的廣告、標籤雲和追蹤按鈕也可能搶走注意力。先替每個區塊寫出用途，再決定放在哪裡，才能把版面空間用在真正需要的資訊上。

以下以虛構的居家整理部落格為例，安排作者介紹、文章分類與相關閱讀。操作依 WordPress 小工具文件與 MDN 定位說明整理，沒有實測特定佈景或外掛。實際入口和版面由使用中的佈景決定，找不到側邊欄時先確認設計方式。

先確認佈景怎麼管理這個區域

傳統佈景可能提供側邊欄、頁尾或其他小工具區域；區塊小工具編輯器則讓支援的傳統佈景以區塊方式管理這些區域。它和區塊佈景的網站編輯器不是同一個功能，不能只看到區塊介面就把兩者混為一談。

使用區塊佈景時，側邊資訊可能直接由範本中的欄或群組組成，需在對應範本或共用部分修改。使用傳統佈景時，則先查看外觀的小工具入口與佈景說明。某個頁面範本可能刻意不顯示側欄，這不一定是設定遺失，更不代表應立即安裝外掛補回。

先列出首頁、文章頁、搜尋結果與一般頁面各使用哪個版面，再決定要改哪一處。居家整理文章需要相關閱讀，聯絡頁卻可能以簡潔表單較合適。不要預設同一套側欄必須出現在全站，應依讀者正在完成的事情安排。

只保留能說清楚用途的資訊

對每個候選區塊寫一句理由，例如搜尋讓讀者找特定收納問題，作者介紹說明內容由誰整理，相關文章讓讀者接著處理同一房間的其他問題。若理由只是「別人的網站也有」，可以先不放，等真的有需求再加入。

排列順序應考慮閱讀情境。長文目錄適合協助跳到段落，作者簡介不必占掉整個畫面，分類清單也不需要展開所有層級。文字越長，手機轉成單欄時占用的空間越大；因此應從最重要的少量內容開始，再觀察讀者能否完成下一步。

不要把必要資訊只放側欄。文章中提到的限制、步驟或重要提醒，應在正文相關位置提供。若手機版把側欄移到文末，讀者可能還沒看到它就已照著文章操作；必要條件不能依賴某一種螢幕排列才找得到。

新增與調整小工具的基本流程

區塊小工具編輯器可從外觀、小工具進入，選擇要修改的區域後新增區塊，並調整順序或移往其他區域。既有尚未轉為區塊的第三方小工具，可能透過 Legacy Widget 區塊管理。可用功能仍取決於佈景及外掛，不應假定文章編輯器的所有區塊都能在這裡使用。

若使用傳統小工具畫面，依佈景提供的區域加入、排序及設定小工具。暫時不用但想保留設定的項目，可以使用非使用中的小工具區域，而不是直接刪除。進行調整前先保存文字、網址及必要設定，避免切換介面後找不到原本內容。

每次先改一個區域，儲存後到前台確認。假如想把分類放在作者介紹下方，就檢查文章頁是否確實使用你剛修改的側欄，並查看是否有快取。不要因為看不到變更而在多個區域重複加入同一項目，否則稍後可能同時出現好幾份。

1. 確認佈景類型、目標範本與小工具區域，保存目前設定。
2. 新增真正需要的內容，先安排標題、連結與順序。
3. 儲存後查看對應前台頁面，確認沒有重複或缺少項目。
4. 測試手機、文字放大及鍵盤操作，再決定是否加入黏附效果。

一般排列、黏附與固定顯示不同

一般區塊隨頁面一起捲動；黏附效果通常讓元素到達指定位置後暫時停留，並受到所在容器範圍限制；固定定位則通常相對瀏覽視窗維持位置。MDN 的定位文件說明了這些差異，但實際頁面還會受到父層設定與版面結構影響，不能只改一個名稱就保證結果一致。

長文章的短目錄可能適合黏附，整條比螢幕還高的側欄則可能讓底部資訊難以到達。固定的訂閱提示若與頁首、Cookie 提示或聊天按鈕重疊，更容易擋住內容。先用一般排列完成閱讀驗收，再判斷固定效果是否真的改善操作。

若佈景提供黏附選項，先看它的適用裝置、上方留白與停止位置。需要額外 CSS 或外掛時，交由了解版面的人在測試環境處理，記錄修改位置與停用方法。不要同時啟用多個固定側欄工具，否則位置計算與捲動行為可能互相影響。

手機驗收要包含真實的操作障礙

把畫面縮窄後，確認側欄是移到文末、隱藏還是維持固定，並檢查正文寬度與閱讀順序。若某個功能只在桌面側欄出現，手機仍需要等效入口，例如把搜尋放在導覽或文章列表附近。不能單純隱藏整個區域就算完成行動版設計。

打開表單的螢幕鍵盤，觀察固定元素是否遮住輸入欄位或送出按鈕；開啟手機選單時，也要確認關閉按鈕仍可使用。橫向觀看、放大文字與短螢幕都可能暴露平常看不到的問題。檢查應涵蓋操作完成，而不只是截一張首頁圖片。

用鍵盤依序移動焦點，確認側欄連結能到達且焦點可見，沒有被固定區塊蓋住。若區塊會自動移動或展開，也要確認不會突然改變閱讀位置。廣告與第三方嵌入可能在載入後改變高度，應等待完整載入再測試，避免只看空白佔位時的版面。

定期整理，保留回復方式

文章量增加後，側欄中的熱門內容、分類與作者介紹也需要更新。定期檢查過期連結、停止使用的服務及沒有用途的區塊，記錄移除理由。若某項資訊仍重要，只是位置不合適，可以移到正文或頁尾，不必在保留與刪除之間二選一。

更換佈景前先保存小工具設定及頁面截圖，確認新佈景有哪些相對應區域。新佈景的排列可能不同，切換後逐頁驗收，必要時重新安排資訊。側欄的完成標準是讀者能順利閱讀並找到下一步，而不是每個原本的方塊都硬塞回同一個位置。

分類、標籤與選單整理

WordPress 後台的工作分界

• 教學
• 軟體與 App
• 架站與電商
• WordPress