
內容簡介
這個外掛會在你的文章「閱讀更多」區塊中顯示目錄。它會自動從文章標題 (H2、H3) 建立。
此外掛不包含任何 JavaScript 功能,例如平滑滾動或摺疊,因此如果你關心網頁速度或外掛可能產生的衝突,你會喜歡這個外掛。
你可以每篇文章設定 2 個設定
顯示目錄 (預設=關閉)
包含在目錄中的標題級別 (預設=僅 H2 或 H2 + H3)
注意事項
此外掛僅適用於你的文章中使用了 H2(和 H3 或以下)標題的情況。
必須保留標題層級結構。例如,H3 沒有在 H2 之後出現就不會出現在目錄中。
編輯外觀
要編輯目錄的外觀,請編寫 CSS。你可以使用「自訂 > 額外 CSS」或主題樣式表。
例如
將方框背景變成淡藍色:
#f70stoc.table-of-contents{
background-color: #effcff;
}
移除列表標記:
#f70stoc.table-of-contents ol{
list-style-type: none;
}
增加邊框與文字之間的空間:
#f70stoc.table-of-contents ol li{
padding: 1em 0;
}
外掛標籤
開發者團隊
② 後台搜尋「F70 Simple Table of Contents」→ 直接安裝(推薦)
原文外掛簡介
This plugin display a table of contents at “Read More” block in your post. It is automatically created from the post headings (H2, H3).
This plugin does not have any javascript features such as smooth scrolling or folding. So if you mind about page speed or plugins confliction, you will love this.
You can set 2 settings each post.
Display the table of contents (defalut = OFF)
Heading levels included in the table of contents (default = H2 only, or H2 + H3)
Notice
This plugin works if you use H2 ( and H3 and lesser ) headings in your posts.
Headings hierarchy must be preserved. For example, H3 not after H2 does not appear in the table of contents.
Edit Appearance
To edit the appearance of the table of contents, write CSS. You can use “Customize > Additional CSS” or theme style sheets.
For example
Turn the box background a pale blue :
#f70stoc.table-of-contents{
background-color: #effcff;
}
Remove list marker :
#f70stoc.table-of-contents ol{
list-style-type: none;
}
Increase the space between the border and the text :
#f70stoc.table-of-contents ol li{
padding: 1em 0;
}
