付費限定

#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
Lounge
74會員
503內容數
小小樹洞,我的生活。
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
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
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 貼文又開始有人在按讚(神奇的演算法),為了感謝大家的這一年來的支持,想要在年末的時候教大家一些我常用的小技巧!
Thumbnail
一個網頁只會有一個h1 標籤(h1.p.img)裡面可以放多個屬性(src.background.color) 建立 HTML 環境 告訴大家這是html5的語法 關於整個專案的資訊放這裡面 頁籤標題 寫給別人看的要放這裡面 Emmet 預設安裝 /*語意使用英文*/ /*使
Thumbnail
一個網頁只會有一個h1 標籤(h1.p.img)裡面可以放多個屬性(src.background.color) 建立 HTML 環境 告訴大家這是html5的語法 關於整個專案的資訊放這裡面 頁籤標題 寫給別人看的要放這裡面 Emmet 預設安裝 /*語意使用英文*/ /*使
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News