還記的學生時期要寫作文時，遇到不會寫的字，就必須要查字典，可是字典這麼厚一本，要從何找起？於是在學習如何查字典之前，必須先學會看字典目錄。索引 Index，是書籍中重要的組成部分，它把書中重要名詞羅列出來，並給予它們相應的頁碼，只為了方便讀者快速找尋該名詞所需的資訊，因此可以說目錄的用意就在於索引

一本厚厚的書籍，如果有目錄快速瀏覽，這樣閱讀起來會方便許多

目錄對文章的重要性

既然目錄對於書籍有著重要的方便性，那麼目錄對於文章呢？其實也是一樣的。在撰寫 WordPress 文章當中，有了目錄，就容易了解文章結構，如果恰巧文章是屬於長篇大論，沒有了目錄，那麼要花多少時間去找尋你要的資訊呢？

現今社會忙碌於生活中，步調氛圍非常緊湊，網路資訊琳瑯滿目，願意花時間仔細去找尋的讀者已經不多了，所以目錄對於書籍固然重要，相對的，在文章中，目錄也絕對不可缺少

有一種大家都耳熟能詳的外掛，就可以來製作 WordPress 文章目錄，答案就是 TinyMCE Advanced，本文當中，筆者就教大家如何利用這外掛製作文章目錄

TinyMCE Advanced 安裝

TinyMCE Advanced 這外掛好用之處不再詳細說明，本文著重製作文章目錄

TinyMCE Advanced 目錄教學

Step1.進入設定 TinyMCE Advanced

Step2.將錨點放置工具列裡

Step3.錨點放置完成

Step4.將 H2 標題點擊轉換成傳統段落

如果本身都是用 TinyMCE Advanced 撰寫文章，那麼可跳過這個步驟

Step5.點擊錨點圖示

Step6.建立錨點 ID 代號

筆者溫馨提醒，建立錨點 ID 代號時，以小寫英文為主，不要中文或其他

Step7.選擇清單項目並點擊超連結

Step8.輸入錨點 ID 做超連結

錨點 ID 超連結方式為，#小寫英文代號。如：#a

Step9.完成清單目錄連結

TinyMCE Advanced 與 Easy Table of Contents 製作方式差異

除了本文介紹的 TinyMCE Advanced 製作文章目錄的方式外，還有一個專門針對產生文章目錄的外掛 Easy Table of Contents，曾經在外掛彙整文章中也特別推薦，兩著還是有所差異的

	TinyMCE Advanced	Easy Table of Contents
優點	1.若有TinyMCE Advanced，不須另外安裝外掛 2.不會有圖片延遲問題	1.外觀比較美化 2.操作步驟簡單
缺點	1.外觀比較陽春 2.步驟比較繁瑣	1.若有TinyMCE Advanced，還須另外安裝外掛 2.會有圖片延遲問題

結論

教到這裡，基本上你應該學會製作文章目錄了，主要目的在於幫助讀者索引，能夠快速瀏覽想要的文章訊息，這才是文章目錄的重要性。無論使用哪種方式，任何外掛其實都有優缺點，還是老話一句，沒有強與不強的外掛，只有最適合自己的外掛！

Q&A

1.手動製作文章目錄的好處

圖片延遲載入是減緩網站載入圖片的負擔，讓開啟網頁更加順暢。當文章圖片還未載入完全時，點選 Easy Table of Contents 其中的連結項目，可能會發生無法立即跳到連結段落，針對這個問題，才會有手動製作文章目錄的教學，因此主要的好處有：減少使用外掛、減少圖片延遲問題

2.如何製作目錄外框背景顏色

經筆者一個早上的實驗，可採用 TinyMCE Advanced 內建表格方式及 HTML 語法，無論哪種方式，操作步驟比較繁瑣，假使不追求美觀的話，其實真的不建議做

3.如何製作 H3 的目錄連結

只要利用 TinyMCE Advanced 增加縮排，就可產生出 H3 的連結項目