close

 文章要讓人可以快速瀏覽文章段落,那目錄可以說是必不可少的,目錄除了可以使用錨點作為跳轉的工具除外,也能善用特殊語法讓你一秒完成目錄製作喔!

我們都知道文章目錄是由段落組成,每一段落中又有許多的小段落,今天依造三個段落及兩個小段落演示給大家看

 

 

 

使用語法製作目錄

▼首先先將文章段落及內文登打完畢

螢幕擷取畫面 2024-03-19 161020.png

▼將目錄段落框起後選擇"標題2",將小段落選擇"標題3",段落可有可無,依照文章內容選擇是否需要

螢幕擷取畫面 2024-03-19 161034.png

螢幕擷取畫面 2024-03-19 161059.png

▼點選原始碼,在預計插入目錄的地方輸入語法 <div class="pix_toc"></div>

螢幕擷取畫面 2024-03-19 161140.png

▼發布文章後就可以看到目錄囉,預覽是無法顯示的喔,如果你想在排佈一下內文或是段落順序,要先發布文章後再重新編輯文章就可以看到囉

螢幕擷取畫面 2024-03-19 161246.png

 

使用錨點製作目錄

▼首先先將目錄、文章段落及內文登打完畢,框選第一段落點選上方的錨點

螢幕擷取畫面 2024-03-19 162304.png

▼輸入錨點標籤,可自訂義輸入可輸入段落名稱讓你等會尋找時方便

螢幕擷取畫面 2024-03-19 162322.png

▼將目錄的第一段落框起點選連結

螢幕擷取畫面 2024-03-19 162358.png

▼在連結類型中找到文字中的錨點連結並選擇設定的錨點

螢幕擷取畫面 2024-03-19 162409.png

螢幕擷取畫面 2024-03-19 162424.png

設定完成後預覽一樣無法跳轉,要發布文章後才能發揮作用喔

 

歡迎留言發問

歡迎可以在底下留言詢問如果還有不懂得問題

 

 

  

arrow
arrow
    創作者介紹
    創作者 小維 的頭像
    小維

    維特數位生活

    小維 發表在 痞客邦 留言(1) 人氣()