Title: TableOfContent
Author: Opticalworm
Published: 2011 年 2 月 1 日
Last modified: 2015 年 9 月 8 日
---
搜索插件
**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。
# TableOfContent
作者：[Opticalworm](https://profiles.wordpress.org/opticalworm/)
[下载](https://downloads.wordpress.org/plugin/tableofcontent.zip)
* [详情](https://cn.wordpress.org/plugins/tableofcontent/#description)
* [评价](https://cn.wordpress.org/plugins/tableofcontent/#reviews)
* [安装](https://cn.wordpress.org/plugins/tableofcontent/#installation)
* [开发进展](https://cn.wordpress.org/plugins/tableofcontent/#developers)
[支持](https://wordpress.org/support/plugin/tableofcontent/)
## 描述
This plugin is an easy way to add table of content to your post/page directly or
as a widget. It will parser the content of your post/page for HTML headers and generate
a list of links.
This plugin will require some CSS understanding to match your
site and the know how for adding custom fields in your post/page.
#### Features
* Easy to style
* Widget
* Display table of content anywhere in your post/page content
* Can set which html h1 to parse
* Can set your own title
[Plugin Page](http://hashdefineelectronics.com/wordpress-table-of-content-plugin/)
## 屏幕截图
* [[
* Page Example
* [[
* Table of Content Example
## 安装
If you have the plugin already activated please skip steps 1,2.
* If you want to display your TOC as a widget then follow step 1 to 10
* Or if you want to display your TOC inside your post/page then follow step 1-2
and 5-11
1. Upload TableOfContent.php to /wp-content/plugins/
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to the widgets menu
4. Drag TB_Widget into the widget area you would like your table of content to appear
5. Create or Edit a post/page `[post/page editor]`
6. Inside Custom fields Under Name insert “Tb_Title” `[capital sensitive]`
7. and in value insert your table title. For example “Table of Content”
8. Click on Add Custom Fields
9. Similar the last two steps insert “Tb_Headers” for name
10. and in value insert the header numbers with comma separation. this numbers informs
the plugin as to which html header `` you would like to include in your table
of content. `For example: if you want your table of content to display links to
, and then write "1,2,3"`
11. Insert this tag `` inside your post/page content under HTML
input `[Please be aware that where ever you put this tag will be where the table
appears to your readers]`
#### CSS style
By default the plugin provides no CSS styling and assumes the user will write its
own. However, if you’re using the default theme ‘twentyten’ I’ve provide example
code, See bellow, that you can use.
For more detail and example of the id/class
used by this plugin visit the my [Plugin Page](http://hashdefineelectronics.com/wordpress-table-of-content-plugin/).
To use this Code, Add it at the bottom of your theme style.css
#### CSS Example
```
#TBC_ContainerTitle,
#TBW_ContainerTitle{
font-family: Helvetica, "Times New Roman", Georgia, serif, Georgia, "Bitstream Charter";
font-weight:bold;
text-align:Center;
border-bottom: 1px solid #DADADA;
margin: 5px 10px 0 10px;
}
#TBC_Container,
#TBW_Container{
background-color: #f8f8ec;
border: 1px solid #DADADA;
width: 200px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#TBC_Container a,
#TBW_Container a{
font-family: "Times New Roman", Georgia, "Bitstream Charter", serif;
text-decoration: none;
color:#4e4e4e;
text-align:Left;
}
#TBC_Container a:hover,
#TBW_Container a:hover{
text-decoration: underline;
}
#TB_UL{
padding: 0 0 0 0;
margin: 5px 0 5px 10px;
}
#TBC_Container li,
#TBW_Container li{
list-style-type: none;
text-align: left;
}
.TB_Level1,
.TB_Level2,
.TB_Level3,
.TB_Level4,
.TB_Level5,
.TB_Level6{
font-family: "Times New Roman", Georgia, "Bitstream Charter", serif;
line-height: 18px;
font-size: 15px;
}
.TB_Level1{
font-weight:bold;
margin-left:0px;
}
.TB_Level2{
margin-left:10px;
}
.TB_Level3{
margin-left:20px;
}
.TB_Level4{
margin-left:30px;
}
.TB_Level5{
margin-left:40px;
}
.TB_Level6{
margin-left:50px;
}
```
## 常见问题
[Plugin Page](http://hashdefineelectronics.com/wordpress-table-of-content-plugin/)
## 评价
此插件暂无评价。
## 贡献者及开发者
「TableOfContent」是开源软件。 以下人员对此插件做出了贡献。
贡献者
* [ Opticalworm ](https://profiles.wordpress.org/opticalworm/)
[帮助将「TableOfContent」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/tableofcontent)
### 对开发感兴趣吗?
您可以[浏览代码](https://plugins.trac.wordpress.org/browser/tableofcontent/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/tableofcontent/)，或通过[RSS](https://plugins.trac.wordpress.org/log/tableofcontent/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/tableofcontent/)。
## 更新日志
1.0
– Initial release
1.0.1
– Added page support
1.0.2
– Fix page bug
## 额外信息
* 版本 **1.0.2**
* 最后更新：**11 年前**
* 活跃安装数量 **10+**
* WordPress 版本 ** 3.0.0 或更高版本 **
* 已测试的最高版本为 **4.3.34**
* 语言
* [English (US)](https://wordpress.org/plugins/tableofcontent/)
* 标签
* [content](https://cn.wordpress.org/plugins/tags/content/)[page](https://cn.wordpress.org/plugins/tags/page/)
[post](https://cn.wordpress.org/plugins/tags/post/)[table-of-content](https://cn.wordpress.org/plugins/tags/table-of-content/)
[widget](https://cn.wordpress.org/plugins/tags/widget/)
* [高级视图](https://cn.wordpress.org/plugins/tableofcontent/advanced/)
## 评级
尚未提交反馈。
[Your review](https://wordpress.org/support/plugin/tableofcontent/reviews/#new-post)
[查看全部评论](https://wordpress.org/support/plugin/tableofcontent/reviews/)
## 贡献者
* [ Opticalworm ](https://profiles.wordpress.org/opticalworm/)
## 支持
有话要说吗？是否需要帮助？
[查看支持论坛](https://wordpress.org/support/plugin/tableofcontent/)