Title: TableOfContent
Author: Opticalworm
Published: <strong>1 de febrero de 2011</strong>
Last modified: 8 de septiembre de 2015

---

Buscar plugins

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

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

# TableOfContent

 Por [Opticalworm](https://profiles.wordpress.org/opticalworm/)

[Descargar](https://downloads.wordpress.org/plugin/tableofcontent.zip)

 * [Detalles](https://es-mx.wordpress.org/plugins/tableofcontent/#description)
 * [Opiniones](https://es-mx.wordpress.org/plugins/tableofcontent/#reviews)
 *  [Instalación](https://es-mx.wordpress.org/plugins/tableofcontent/#installation)
 * [Desarrollo](https://es-mx.wordpress.org/plugins/tableofcontent/#developers)

 [Soporte](https://wordpress.org/support/plugin/tableofcontent/)

## Descripción

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/)

## Capturas

 * [[
 * Page Example
 * [[
 * Table of Content Example

## Instalación

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;
    }
    ```

## Preguntas frecuentes

[Plugin Page](http://hashdefineelectronics.com/wordpress-table-of-content-plugin/)

## Reseñas

No hay reseñas para este plugin.

## Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este
plugin.

Colaboradores

 *   [ Opticalworm ](https://profiles.wordpress.org/opticalworm/)

[Traduce “TableOfContent” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/tableofcontent)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/tableofcontent/), 
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/tableofcontent/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/tableofcontent/)
por [RSS](https://plugins.trac.wordpress.org/log/tableofcontent/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

1.0
 – Initial release

1.0.1
 – Added page support

1.0.2
 – Fix page bug

## Meta

 *  Versión **1.0.2**
 *  Última actualización **hace 11 años**
 *  Instalaciones activas **10+**
 *  Versión de WordPress ** 3.0.0 o superior **
 *  Probado hasta **4.3.34**
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/tableofcontent/)
 * Etiquetas:
 * [content](https://es-mx.wordpress.org/plugins/tags/content/)[page](https://es-mx.wordpress.org/plugins/tags/page/)
   [post](https://es-mx.wordpress.org/plugins/tags/post/)[table-of-content](https://es-mx.wordpress.org/plugins/tags/table-of-content/)
   [widget](https://es-mx.wordpress.org/plugins/tags/widget/)
 *  [Vista avanzada](https://es-mx.wordpress.org/plugins/tableofcontent/advanced/)

## Valoraciones

Aún no se han enviado valoraciones.

[Your review](https://wordpress.org/support/plugin/tableofcontent/reviews/#new-post)

[Ver todas las valoraciones](https://wordpress.org/support/plugin/tableofcontent/reviews/)

## Colaboradores

 *   [ Opticalworm ](https://profiles.wordpress.org/opticalworm/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/tableofcontent/)