之前研究怎麼使用研究了非常久

找到的方式都是要使用原始碼html建立

原始碼很容易眼花撩亂

過了一陣子又會忘了

因此決定打一篇文章記錄

Step 1 建立目錄標題

截圖 2020-08-25 上午9.39.38

每個目錄下的內容打完結束後就可以進行第二步

 

STEP 2 建立目標錨點 ⚓️

錨點要下的位置就是你希望目錄點下去會到達的位置

以我的目錄第一條『自我介紹』為例

將目標段落反白,接著按下右上角的錨點符號

截圖 2020-08-25 上午9.41.01

接著幫錨點位置命名,完成後按下確定鍵

此時自我介紹的旁邊就會出現一個小紅旗

這個小紅旗在發表文章後不會出現

截圖 2020-08-25 上午9.41.21

 

STEP 3 在目錄處建立超連結

有了錨點後,回到目錄處建立超連結

1. 將目錄中『自我介紹』反白

2. 點選右上角超連結符號

3. 點選開啟方式選擇相同視窗

這步驟不能省略,否則預設是點了以後會開啟新頁面

很不方便閱讀

4. 按下確認鍵

截圖 2020-08-25 上午9.42.13

5. 選擇連結資訊,連結類型選擇文字中的錨點連結

截圖 2020-08-25 上午9.42.35

6. 選擇剛剛建立的錨點

錨點名稱和元件編號選擇相同位置

最後按下確認鍵

截圖 2020-08-25 上午9.42.42

這樣一來,讀者就能從目錄點想閱讀的部分然後直接跳到該段落

如果文章篇幅很長,那可以接著在段落中增加回目錄的選項

做法就是反過來

 

STEP 4 在目錄處建立錨點 ⚓️

以第一張圖為例,我在『分成以下』處建立了一個錨點

目的是當讀者在段落中點選『回目錄』時會回到這裡

截圖 2020-08-25 上午9.40.07

 

STEP 5 在每個標題段落處建立回目錄超連結 

在段落結尾處設置回目錄文字

反白回目錄建立超連結

後續方法回到Step 3 完成後就成功能點選回目錄了

截圖 2020-08-25 上午10.22.16

 

錨點範例文章請點我

 

希望我的文章有幫助到其他人

有任何問題歡迎留言討論

 

 

arrow
arrow

    Charlene 發表在 痞客邦 留言(0) 人氣()