如何在古騰堡編輯器上利用錨點設置目錄
|

WORDPRESS小技巧|如何在古騰堡編輯器上利用錨點設置目錄?

在部落格開張一年後,我們終於從傳統編輯器轉換到古騰堡編輯器了。當初在建立部落格時因為不適應這種「長的很特別」的古騰堡編輯器,還特地跑回去使用傳統編輯器呢。不過,在部落格漸漸上手之後,也知道逃避新技術不是辦法,在有餘力的情況之下利用時間好好了解古騰堡編輯器,然後才發現原來這種編輯器這麼好用!

不過呢,在設置目錄時也有遇到一點小困難,現在就來看看怎麼解決這個小難題吧!

第一步:在文章中設立錨點

以「岐阜城,踩著滑板去見織田信長」這篇文章為例,我設置了3個目錄。

設置目錄

首先我把游標點在想要引導的段落的第一個字,如黃色打勾處。

如何在古騰堡編輯器上利用錨點設置目錄

接下來,在古騰堡編輯器的右方可以看見文章與區塊,點下區塊並滑到最下面,可以看見進階設定。
在HTML錨點打上a(接下來的目錄以此類推,打上a、b、c)。如此一來錨點設定就完成了!

在HTML錨點處鍵入a
第二步:在目錄中建立連結

接下來,把目錄中的造訪名古屋時,不該錯過「岐阜城」的 3個理由!這幾個字反白,按如下圖中的LINK圖式,填入#a(一定要有#哦!),按下enter。

第三步:完成!

完成後會像下圖這樣~

目錄設置完成

順便附上統編輯器如何設置錨點的文章,其實設置方法大同小異,只是在古騰堡編輯器上會一時找不到要在哪裡設置錨點,知道位置後就能快速設置目錄囉!

如何在古騰堡編輯器上利用錨點設置目錄
|

WORDPRESS小技巧|如何在古騰堡編輯器上利用錨點設置目錄?

在部落格開張一年後,我們終於從傳統編輯器轉換到古騰堡編輯器了。當初在建立部落格時因為不適應這種「長的很特別」的古騰堡編輯器,還特地跑回去使用傳統編輯器呢。不過,在部落格漸漸上手之後,也知道逃避新技術不是辦法,在有餘力的情況之下利用時間好好了解古騰堡編輯器,然後才發現原來這種編輯器這麼好用!

不過呢,在設置目錄時也有遇到一點小困難,現在就來看看怎麼解決這個小難題吧!

第一步:在文章中設立錨點

以「岐阜城,踩著滑板去見織田信長」這篇文章為例,我設置了3個目錄。

設置目錄

首先我把游標點在想要引導的段落的第一個字,如黃色打勾處。

如何在古騰堡編輯器上利用錨點設置目錄

接下來,在古騰堡編輯器的右方可以看見文章與區塊,點下區塊並滑到最下面,可以看見進階設定。
在HTML錨點打上a(接下來的目錄以此類推,打上a、b、c)。如此一來錨點設定就完成了!

在HTML錨點處鍵入a
第二步:在目錄中建立連結

接下來,把目錄中的造訪名古屋時,不該錯過「岐阜城」的 3個理由!這幾個字反白,按如下圖中的LINK圖式,填入#a(一定要有#哦!),按下enter。

第三步:完成!

完成後會像下圖這樣~

目錄設置完成

順便附上統編輯器如何設置錨點的文章,其實設置方法大同小異,只是在古騰堡編輯器上會一時找不到要在哪裡設置錨點,知道位置後就能快速設置目錄囉!