生活分享
WordPress 文章目錄:標題結構、錨點與手機閱讀
長篇 WordPress 文章可以用目錄協助讀者找到需要的段落,但標題結構與跳轉結果都要一起整理。本篇介紹手動錨點和 Easy Table of Contents 的設定方式,說明固定頁首遮擋、手機目錄、重複標題與文章更新後的檢查重點,幫助內容網站建立真正好用的閱讀導覽,而不是只在文章前多放一個框。
更新日期: 閱讀時間約 6 分鐘

讀者打開一篇搬家教學,可能只想找網址轉址的段落。若只能一直滑動,即使內容完整也不容易使用。文章目錄的價值,是讓人先看懂內容範圍,再直接前往需要的位置;它應該反映文章的思考順序。
以下以一篇有準備事項、操作步驟、檢查與常見問題的長文為例,介紹 WordPress 錨點及 Easy Table of Contents。先把章節寫清楚,再決定自動生成或手動維護,最後用桌面和手機驗收。
先讓章節名稱能回答讀者問題
先抽出文章的所有小標題單獨閱讀。若連續出現介紹、更多介紹、其他事項,讀者很難從目錄判斷內容;可以改成開始前要準備哪些資料、如何搬移檔案、搬家後怎麼驗收等具體問題。目錄不用把每一句話都列出來,而是呈現主要閱讀路線。
在編輯器中使用真正的標題區塊,依內容層級安排 H2 與 H3。不要只把一般段落放大加粗,也不要為了字體大小任意跳用層級。主要步驟用 H2,該步驟底下的補充用 H3;視覺大小再交給佈景樣式調整。
重複的常見問題或注意事項可以加上主題,例如搬移前注意事項與更換網址注意事項。這樣讀者在目錄與正文間跳轉時能知道自己在哪裡,也方便日後客服或編輯引用特定段落。
少量重點可以先用手動錨點
在標題區塊的 Advanced 設定填入 HTML Anchor,例如 prepare-files。接著在文章開頭的清單或按鈕建立 #prepare-files 連結,即可跳到同頁對應位置。若要從另一篇文章連過來,就用完整頁面網址加上這個片段。
WordPress 官方提醒錨點在同一文件內要唯一,大小寫也有差異,不能含空白。對需要長期引用的章節,可以選擇短而清楚的名稱,並在編輯紀錄中保留。正文標題即使修改用語,也不一定要同時變更已被引用的錨點。
手動方式適合章節少、結構穩定的服務說明或專題頁。缺點是新增與刪除章節時,需要自己更新目錄連結。不要建立好開頭清單後就忘了它,驗收時仍需逐一點開,確認沒有指到不存在或同名的錯誤段落。
用 Easy Table of Contents 產生文章目錄
啟用 Easy Table of Contents 後,先在設定中指定要支援的內容類型,再決定哪些類型自動插入。支援與自動插入是不同設定;初次使用可以先選一般文章,避免首頁、結帳頁或精簡公告也出現不需要的目錄。
依內容安排位置與顯示門檻,例如只有足夠章節的文章才出現。目錄可放在簡短前言之後,讓讀者先知道這篇能解決什麼。設定清楚的標籤及標題層級,通常先列主要段落與必要子段落就足夠,不必把全部 H1 到 H6 都塞進清單。
- 啟用所需內容類型,先以代表性長文測試自動插入。
- 設定位置、顯示條件與要收錄的標題層級。
- 檢查是否已由佈景或其他外掛產生目錄,避免同頁出現兩份。
刪除雜訊,保留可讀的目錄
目錄若混入相關文章、頁尾或廣告標題,先查這些區塊為何被納入正文。外掛有標題排除設定,可以針對不適合收錄的項目處理;若需要依 CSS class 排除,官方將這項列在 Pro 功能,選型時應確認版本差異。
某些版面編輯器或短代碼會動態輸出標題,因此編輯器看起來正常,前台生成結果卻可能不同。用實際公開版面測試,而不是只看編輯器側欄。外掛更新後也要重新檢查代表頁,尤其是重複標題、折疊內容與動態區塊。
目錄本身的文字不要縮得太小。長標題允許自然換行,階層縮排保持可辨識;若文章太長,可以先顯示主要章節或提供清楚的展開控制。讀者應能找到入口,不能因預設折疊而看不出這裡有可操作的目錄。
固定目錄與固定頁首要一起驗收
Easy Table of Contents 官方將 Fixed/Sticky TOC 列在 Pro 功能中。選擇固定目錄之前,先確認網站真的需要滑動時持續顯示。桌面側欄有空間,不代表手機右下角也適合放一整份清單;聯絡按鈕、Cookie 提示與返回頂端控制都可能佔用同一位置。
點選目錄後,如果章節標題被固定頁首蓋住,要調整跳轉時的預留距離。可以先查目前外掛或佈景是否提供對應設定;需要客製 CSS 時,維護者可評估 scroll-margin-top 等方式,並依頁首實際高度驗證,不要套用一個數字後就假設所有裝置一致。
平滑捲動是視覺效果,不能代替正確跳轉。測試較長頁面與較慢裝置,觀察圖片載入後版面是否移動,導致原先位置偏掉。若效果干擾閱讀,可以簡化動畫,保留清楚的連結與穩定的章節定位。
把目錄檢查加入編輯流程
發布前依序點第一個、中間與最後一個目錄項目,再完整逐項檢查。用鍵盤操作展開與連結,確認焦點可見;在窄螢幕上檢查是否超出畫面、是否擋住正文,旋轉手機後也要重新觀察固定元素。
分享帶錨點的連結到新的未登入視窗,確認能直接到指定章節。若網站會等圖片或廣告載入後改變高度,特別注意直接開啟深層連結的結果。這種測試與先等頁面載完再點目錄不同,兩者都值得保留。
更新文章時,先看是否刪除、改名或移動了被引用章節,再同步目錄。若必須更改錨點,整理相關站內連結與客服常用連結,避免留下能開頁面卻找不到位置的引用。目錄應隨內容一起維護,才能持續幫讀者省下尋找時間。
| 方式 | 適用內容 | 後續工作 |
|---|---|---|
| 手動錨點與清單 | 少量且穩定的章節 | 增刪章節時同步連結 |
| 自動文章目錄 | 經常編輯的長文 | 核對層級、排除項及重複生成 |
| 固定目錄 | 閱讀時需要反覆跳轉 | 檢查付費功能與不同螢幕遮擋 |
整理 WordPress 文章與頁面WordPress 文章與頁面怎麼分:建立內容與選擇網址WordPress 的文章與頁面都能放文字和圖片,但用途與整理方式不同。本文用社區烘焙教室的內容情境,說明什麼資訊適合文章、什麼適合頁面,並整理區塊編輯、摘要、特色圖片、網址與發布前檢查。你可以用固定工作流完成第一篇內容,也能在更新既有文章時保留穩定連結,避免只改標題卻不清楚網址或版面受到哪些影響。閱讀全文
規劃網站分類與導覽WordPress 分類、標籤與選單:讓讀者找到下一篇分類、標籤與導覽選單分別負責整理文章、串連細節及提供入口。本文用居家料理網站示範如何命名、建立分類與標籤,並依區塊佈景或傳統佈景設定選單,整理手機與鍵盤操作的檢查方式。也說明改名、改 slug、合併或刪除時要保存哪些網址與對照,讓內容增加後仍容易找到,避免把所有文章都塞進過長的選單。閱讀全文
同主題延伸閱讀
生活分享
WordPress 側邊欄與小工具:安排資訊與固定區塊
WordPress 側邊欄可以放搜尋、作者介紹與相關內容,但應先確認它對讀者是否有幫助。本文整理傳統小工具、區塊小工具及區塊佈景的差異,說明如何新增、排序、暫時移除與驗收,也比較一般排列、黏附與固定顯示的用途。透過桌面、手機和文字放大的檢查,避免資訊區塊遮住正文或表單,讓網站增加入口時仍維持清楚的閱讀順序。
生活分享
WordPress 備份怎麼做:檔案、資料庫與還原演練
WordPress 備份不能只看成功訊息。本篇用檔案、資料庫與異地保存建立備份清單,說明 UpdraftPlus、WPvivid 的操作入口、還原限制及隔離演練,幫你確認網站資料真的拿得回來。也整理排程、保留版本、設定檔與驗收紀錄,讓個人網站或工作室有人能接手復原。
生活分享
WordPress 會員與角色:誰能看、誰能改、誰能管理
WordPress 的管理員、編輯、作者與訂閱者分別能做什麼?本篇用小型團隊的投稿與會員閱讀需求,拆解角色、操作權限和內容可見性的差別,說明 User Role Editor 的設定方向,以及隱藏選單為何需要另外驗證實際存取,提供權限表、測試步驟和交接提醒,避免為了方便把所有人設為管理員。
生活分享
安裝 WordPress 主題與外掛:來源、更新與停用流程
安裝 WordPress 佈景主題或外掛前,先確認要解決的問題、下載來源、版本相容性與回復方式。本文整理後台搜尋、官方 ZIP 上傳、啟用及驗收流程,並說明更新、停用和刪除各自可能影響什麼。適合需要自行維護網站的台灣使用者,用一份簡短紀錄管理新增功能與長期成本,避免重複安裝、忘記授權或在正式站一次更動太多項目。
最新旅遊情報攻略

情報
2026 韓國楓葉預測:雪嶽山 10 月 20 日、首爾近郊 10 月底、內藏山與漢拏山 11 月上旬
韓國山林廳 2026 年 9 月 22 日公布的楓紅高峰預測:雪嶽山 10 月 20 日,春川、國立樹木園到首爾植物園落在 10 月 28 日到 11 月 2 日,內藏山 11 月 4 日、漢拏山 11 月 6 日,整體比最近 5 年晚約 0.8 天。整理各地楓樹與銀杏的預測日、首爾出發怎麼排,以及出發前去哪裡看即時楓況。2026 年 10 月查證。
- 季節活動
- 自然
- 觀景

攻略胡志明市
胡志明市到頭頓一日遊:白藤碼頭搭高速船、船票與班次,下船就是胡梅纜車與耶穌基督像
人在胡志明市挪一天去頭頓看海:市中心的白藤高速船碼頭搭船,航程 120 分鐘到頭頓的胡梅碼頭,平日成人 320,000 越南盾、週末 350,000,回程末班平日 15:00。下船就是胡梅纜車站,同一條路上有白宮,小山頂上是耶穌基督像。平日一天只有兩班船,整天要從末班船倒推著排。
- 交通
- 行程範例
- 海灘

攻略沖繩
沖繩不開車攻略:單軌只到浦添,美麗海水族館要坐兩個多小時的巴士,回那霸的最後一班直達車 17:22 就開走
不租車的沖繩怎麼移動:那霸市區靠沖繩都市單軌電車(ゆいレール),那霸機場站到終點てだこ浦西 19 站、17 公里、37 分鐘,一日券 1,000 日圓;美麗海水族館有那霸機場直達的高速巴士,單程 2,000 日圓起、官方時刻表上 2 小時上下,下車後還要走 10 分鐘;古宇利島要在今帰仁村役場轉車,當天來回光坐車就六個半小時;回程的最後一班直達車 17:22 就從記念公園前開走(2026 年 9 月查證)。
- 交通
- 行程範例
- 預算
資料來源
- WordPress:頁面錨點 · 查證日期:
- Easy Table of Contents 官方外掛頁 · 查證日期:
- Easy Table of Contents 設定說明 · 查證日期:
- 依 Class 排除標題的 Pro 功能 · 查證日期:
- MDN:scroll-margin-top · 查證日期: