Last Updated on 2021-07-24 by Clay
有時候當文章寫得太長時,會造成查找資料上的困難,尤其是像我這種只是幫自己紀錄筆記下來的人 —— 有時候我明明知道自己紀錄了哪些資訊在哪篇文章中,可是只要一打開,卻又要花一小段時間去查找我究竟紀錄在哪段敘述中。
所以一直以來,我都想要製作一個能夠『頁面跳轉』的目錄。在文章的開頭存在著目錄結構,而我只需要點擊我想要查看的標題,就能夠自動跳轉到我想要的文章段落,這對我而言是一件很棒的事情。
剛開始我上網查了查資料,並使用了像是 Easy Table 等等的外掛程式,然而,最大的問題是,這類的外掛程式都需要我設定我文章標題 H2、H3 啊究竟要達到多少個才會自動開始生成目錄。
不是我自誇,但我文章標題都馬是亂下的,筆記型部落格是不太會抱持著精明謹慎的態度下標題的吧,至少我是不會啦。
所幸,其實 WordPress 編輯器內建的錨點,就已經可以完成我隨心所欲製作目錄的需求了。以下,就實際操作,進行個簡單的示範。
使用錨點製作目錄
首先,可以先製作出目錄的結構,我拿我之前寫的一篇在 Linux 上壓縮、解壓縮指令的筆記來示範。
我已經擬好了我預期要使用的目錄,剩下的就是設定錨點了。比方說我接下來要設定 bz2 這個標題,設定錨點的步驟如下:
- 選擇 bz2 這個標題
- 選擇設定、區塊,然後查看有無 HTML 錨點的欄位 (通常在進階設定裡)
- 輸入想要的錨點名稱,名稱可以隨便取沒關係,只要記著就好
在這裡,我設定的錨點名稱就叫 bz2。
然後回到目錄,在目錄中 bz2 的地方插入 URL 連結。
記得要在錨點名稱前加上井字號 "#" 哦,這樣錨點才會生效。
儲存發布,應該就會看到錨點正常運作了。
References
- https://wordpress.org/support/article/page-jumps/
- https://kinsta.com/blog/anchor-links/
- https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/