付費限定

#08.加入外掛「Easy Table of Contents」

更新於 發佈於 閱讀時間約 3 分鐘

會加入這個外掛的原因是因為,這個外掛會在內容上加上「目錄」的功能,因為加入目錄的關係,讓使用者可以一目了然清楚自己想要看的位置區塊,避免在整個網頁上花太多時間在搜尋自己想要的資訊。簡單來講,就是幫助消費者使用體驗,而使用目錄,也會讓SEO更加分唷!

👉所以方格子也會有所謂的章節目錄唷!


而為什麼使用「Easy Table of Contents,是因為爬文後,發現多數人使用內容目錄都選擇這個。

Step1.進入後台,點選外掛中的安裝外掛,並搜尋「Easy Table of Contents」

raw-image

Step2.「Easy Table of Contents

因為我已經安裝過了,所以目前是已啟用,如果未安裝過的人,這個位置顯示的會是立即安裝。

raw-image

Step3.安裝後,點選設定

raw-image

Step4.一般設定、需要自動插入內容目錄的內容類型

👉頁面跟文章乍看是很相似的,然而,頁面跟文章的結構不太一樣,文章還會有分類以及標籤,而頁面沒有。文章是有上下相關聯,具有時間軸線的,然而頁面沒有,它獨立成型。頁面上也無法讓訪客留言,因此如果頁面要讓訪客留言,會需要在安插訪客留言的留言框上去。

👉通常頁面多是像是會放置在導覽列上的項目:例如關於我、首頁。文章則是像最新消息裡的一篇一篇的文章。

👉網路爬文有的創作者是沒有勾選頁面這個選項得,只有勾選文章。不過也有一部分的人勾了頁面,所以我兩個都勾。

raw-image

Step5.顯示位置、顯示條件..等

👉你預計把目錄安置在哪個位置呢?一般來說,這個都是在最開始啦!就是標題前。預設就是內文第一個標題前,所以這部份我也沒有特別更動。

👉顯示條件原本預設是當文章中有4個標題時,才會出現目錄。這個我修改成1。

👉開放使用者切換顯示/隱藏內容目錄,這個就是消費者可不可以將這個目錄按一下縮起來這樣。有的部落格會無法調整。我自己是有打開。看其他創作者也是有打開。

raw-image

Step6.內容目錄外觀

簡單來說就是調整這個目錄的外觀。我沒額外調整。

raw-image

Step7.標題層級

分成不同層級,也就是當你所選的層級有的時候,才會被製作成內容目錄。有的創作者只有勾標題2、標題3。這部分我全勾。

raw-image

補充:

(1)寫好一篇文章的時候,一般下面會附這個,我沒有額外改,感覺上是沒有特別打勾,就會使用外掛原始設定的層級,如果有額外改,就會文章照這個。

raw-image

(2)留意的是一般來說這個位置是「段落」,我們要將這個改成「標題」,這樣才會出現在目錄上。而不是只是把字體放大而已。就像方格子裡文章的TT這個,也是標題的功能。

raw-image

之前(2)這點,我一直不知道問題在哪裡,所以目錄一直出不來,一直到改完,所有的目錄就都出來了。

以行動支持創作者!付費即可解鎖
本篇內容共 1111 字、0 則留言,僅發佈於部落格計畫你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
留言分享你的想法!
avatar-img
Lounge
69會員
404內容數
小小樹洞,我的生活。
Lounge的其他內容
2024/03/02
這已經不是我第一次見到Internal Server Error了,去年的10月也發生過一次。那個時候是尋求協助,但印象是尋求到不是負責這個事情的窗口,但是不對的窗口仍舊直接幫我處理掉問題。所以就到此為止。
Thumbnail
2024/03/02
這已經不是我第一次見到Internal Server Error了,去年的10月也發生過一次。那個時候是尋求協助,但印象是尋求到不是負責這個事情的窗口,但是不對的窗口仍舊直接幫我處理掉問題。所以就到此為止。
Thumbnail
2023/10/06
這應該算是我少數主動參加的活動,一來是觀望已久,二來是因為自我開始留意這個活動後,歷年來都是舉辦在平日,但是每一年都因為工作的關係,所以從未真的報名參加過,二來是因為其實這個是露臉性質的活動(我害怕露臉),去年有大量的理財創作者衝著三十節約男子有上台分享的關係,許多創作者齊聚一堂,總之,今年因為一些
Thumbnail
2023/10/06
這應該算是我少數主動參加的活動,一來是觀望已久,二來是因為自我開始留意這個活動後,歷年來都是舉辦在平日,但是每一年都因為工作的關係,所以從未真的報名參加過,二來是因為其實這個是露臉性質的活動(我害怕露臉),去年有大量的理財創作者衝著三十節約男子有上台分享的關係,許多創作者齊聚一堂,總之,今年因為一些
Thumbnail
2023/10/05
我從小就喜歡觀察班上的前十名以及我的排名的各前後三名,但我現在觀察的這個,是我望塵莫及的位置,突然看到TVBS這則影片,我突然很好奇百大部落客的狀態。 但我有點懶,有的部落客備註我寫不上去,因為可能太長了,所以如果我沒有看到方便複製貼上的,我就讓它空白。 1️⃣然後我發現居然有已經寫19年
Thumbnail
2023/10/05
我從小就喜歡觀察班上的前十名以及我的排名的各前後三名,但我現在觀察的這個,是我望塵莫及的位置,突然看到TVBS這則影片,我突然很好奇百大部落客的狀態。 但我有點懶,有的部落客備註我寫不上去,因為可能太長了,所以如果我沒有看到方便複製貼上的,我就讓它空白。 1️⃣然後我發現居然有已經寫19年
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
這是教你插入野頁碼從簡報的第3頁開始為編碼第1頁, 我把第2頁設計成目錄頁我不想讓他有編碼,所以從第3頁開始,這樣有懂嗎?呵呵 首先到最上方的功能選項 [ 插入 ]然後 [ 頁首及頁尾 ] ☑勾選投影片編號 ☑標題投影片中不顯示 然後按全部套用 再來到功能選項的 [ 設計 ] 然後 [ 投影片大小
Thumbnail
這是教你插入野頁碼從簡報的第3頁開始為編碼第1頁, 我把第2頁設計成目錄頁我不想讓他有編碼,所以從第3頁開始,這樣有懂嗎?呵呵 首先到最上方的功能選項 [ 插入 ]然後 [ 頁首及頁尾 ] ☑勾選投影片編號 ☑標題投影片中不顯示 然後按全部套用 再來到功能選項的 [ 設計 ] 然後 [ 投影片大小
Thumbnail
會加入這個外掛的原因是因為,這個外掛會在內容上加上「目錄」的功能,因為加入目錄的關係,讓使用者可以一目了然清楚自己想要看的位置區塊,避免在整個網頁上花太多時間在搜尋自己想要的資訊。簡單來講,就是幫助消費者使用體驗,而使用目錄,也會讓SEO更加分唷! 👉所以方格子也會有所謂的章節目錄唷!
Thumbnail
會加入這個外掛的原因是因為,這個外掛會在內容上加上「目錄」的功能,因為加入目錄的關係,讓使用者可以一目了然清楚自己想要看的位置區塊,避免在整個網頁上花太多時間在搜尋自己想要的資訊。簡單來講,就是幫助消費者使用體驗,而使用目錄,也會讓SEO更加分唷! 👉所以方格子也會有所謂的章節目錄唷!
Thumbnail
Padlet
Thumbnail
Padlet
Thumbnail
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼,所以 Tag 亂下,搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚(神奇的演算法),為了感謝大家的這一年來的支持,想要在年末的時候教大家一些我常用的小技巧!
Thumbnail
話說我這個小懶鬼當初沒有搞懂專題分頁是什麼,所以 Tag 亂下,搞得我的專題分頁看起來很不明確。再加上最近在臉書分享的 Notion 貼文又開始有人在按讚(神奇的演算法),為了感謝大家的這一年來的支持,想要在年末的時候教大家一些我常用的小技巧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News