Skip to content

[WordPress] 製作目錄跳轉功能,無須透過外掛

Last Updated on 2021-07-24 by Clay

有時候當文章寫得太長時,會造成查找資料上的困難,尤其是像我這種只是幫自己紀錄筆記下來的人 —— 有時候我明明知道自己紀錄了哪些資訊在哪篇文章中,可是只要一打開,卻又要花一小段時間去查找我究竟紀錄在哪段敘述中。

所以一直以來,我都想要製作一個能夠『頁面跳轉』的目錄。在文章的開頭存在著目錄結構,而我只需要點擊我想要查看的標題,就能夠自動跳轉到我想要的文章段落,這對我而言是一件很棒的事情。

剛開始我上網查了查資料,並使用了像是 Easy Table 等等的外掛程式,然而,最大的問題是,這類的外掛程式都需要我設定我文章標題 H2、H3 啊究竟要達到多少個才會自動開始生成目錄。

不是我自誇,但我文章標題都馬是亂下的,筆記型部落格是不太會抱持著精明謹慎的態度下標題的吧,至少我是不會啦。

所幸,其實 WordPress 編輯器內建的錨點,就已經可以完成我隨心所欲製作目錄的需求了。以下,就實際操作,進行個簡單的示範。


使用錨點製作目錄

首先,可以先製作出目錄的結構,我拿我之前寫的一篇在 Linux 上壓縮、解壓縮指令的筆記來示範。

我已經擬好了我預期要使用的目錄,剩下的就是設定錨點了。比方說我接下來要設定 bz2 這個標題,設定錨點的步驟如下:

  1. 選擇 bz2 這個標題
  2. 選擇設定、區塊,然後查看有無 HTML 錨點的欄位 (通常在進階設定裡)
  3. 輸入想要的錨點名稱,名稱可以隨便取沒關係,只要記著就好

在這裡,我設定的錨點名稱就叫 bz2

然後回到目錄,在目錄中 bz2 的地方插入 URL 連結。

記得要在錨點名稱前加上井字號 "#" 哦,這樣錨點才會生效。

儲存發布,應該就會看到錨點正常運作了。


References


Read More

Tags:

Leave a Reply