Title: TableOfContent
Author: Opticalworm
Published: <strong>2011년 2월 1일</strong>
Last modified: 2015년 9월 8일

---

플러그인 검색

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://s.w.org/plugins/geopattern-icon/tableofcontent.svg)

# TableOfContent

 작성자: [Opticalworm](https://profiles.wordpress.org/opticalworm/)

[다운로드](https://downloads.wordpress.org/plugin/tableofcontent.zip)

 * [세부사항](https://ko.wordpress.org/plugins/tableofcontent/#description)
 * [평가](https://ko.wordpress.org/plugins/tableofcontent/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/tableofcontent/#installation)
 * [개발](https://ko.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⌉⌊Page Example⌉[

Page Example

[⌊Table of Content Example⌉⌊Table of Content 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 `<h1>` you would like to include in your table
     of content. `For example: if you want your table of content to display links to
     <h1>, <h2> and <h3> then write "1,2,3"`
 11. Insert this tag `<!--PutTableHere-->` 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;
    }
    ```

## FAQ

[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/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/tableofcontent/)
을 [RSS](https://plugins.trac.wordpress.org/log/tableofcontent/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

1.0
 – Initial release

1.0.1
 – Added page support

1.0.2
 – Fix page bug

## 기초

 *  버전 **1.0.2**
 *  최근 업데이트: **11년 전**
 *  활성화된 설치 **10+**
 *  워드프레스 버전 ** 3.0.0 또는 그 이상 **
 *  다음까지 시험됨: **4.3.34**
 *  언어
 * [English (US)](https://wordpress.org/plugins/tableofcontent/)
 * 태그:
 * [content](https://ko.wordpress.org/plugins/tags/content/)[page](https://ko.wordpress.org/plugins/tags/page/)
   [post](https://ko.wordpress.org/plugins/tags/post/)[table-of-content](https://ko.wordpress.org/plugins/tags/table-of-content/)
   [widget](https://ko.wordpress.org/plugins/tags/widget/)
 *  [고급 보기](https://ko.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/)