Table of Contents Plus crea índices del contenido de nuestros posts automáticamente

Seguro que más de una vez habéis visto en alguna que otra página web un índice de contenidos similar al siguiente:

plugin-wordpress-table-of-content-plus-dinapyme

¿A que sí?

Pues bien, de esto trata el programa de hoy del Podcast Dinamización Tecnológica y WordPress.

Introducción al Plugin Table of Contents Plus

plugin-wordpress-table-of-content-plus-dinapyme

El plugin Table of Contents Plus es el que nos va a permitir hacer este tipo de «índices» o «tablas de contenido» en nuestras páginas de WordPress, entradas, etc…

A modo de resumen puedo comentaros que este plugin puede funcionar automáticamente en todos nuestros posts y también especificar manualmente en cuales queremos o en cuales no.

El modo en el que funciona es a través de los títulos que tengamos en nuestro post. Dependiendo del tipo de título (h1, h2, etc..) que sea, los va colocando en forma de árbol.

Bueno, vamos a ver un poco cómo configurarlo y cómo funciona para hacernos una mejor idea.

Instalar y activar el Plugin Table of Content Plus

En primer lugar procedemos a instalar el plugin Table of Content Plus en nuestra instalación de WordPress. Si no sabes muy bien como se hace esto o tienes alguna duda, revisa la entrada «Cómo instalar un plugin en WordPress«.

Bien, lo instalamos y lo activamos.

Ajustes Generales del plugin

Una vez activado, iremos al menú Ajustes –> TOC+.

plugin-wordpress-table-of-content-plus-dinapyme

Aquí disponemos de todas las opciones básicas de este plugin. También disponemos de opciones avanzadas, pero ya lo comentaré más adelantes. De momento nos centramos en los ajustes básicos.

En la pantalla de ajustes veremos 3 pestañas y por defecto estará activada la primera que corresponde a «Ajustes principales«.

Posición

La primera opción que nos encontramos en esta pestaña es la correspondiente a la «Posición«.

Se refiere a la posición del recuadro de la «Tabla de contenidos» en las entradas.

Podemos elegir entre:

  • Antes del primer titular.
  • Después del primer titular.
  • Arriba.
  • Abajo.

plugin-wordpress-table-of-content-plus-dinapyme

Podéis probar las diferentes opciones para ver cual se adapta mejora vuestras necesidades.

Mostrar cuando…

La siguiente opción nos permite establecer que se muestre el recuadro de «Tabla de contenidos» cuando tengamos X titulares o más en el post en cuestión.

Por defecto está configurado con 4 titulares.

plugin-wordpress-table-of-content-plus-dinapyme

Esto quiere decir que si en un post sólo tenemos 3 titulares, no aparecerá el recuadro de «Tabla de contenidos«. En los posts que tengan 4 o más titulares si que aparecerá.

Auto insertar para tipos de contenido específicos

Tal como dice el título de este apartado, podemos seleccionar los tipos de post en los que queramos que aparezcan las «Tablas de contenido«.

Es muy útil ya que generalmente vamos a querer que se muestre en las entradas.

Seleccionamos el o los tipos que queremos y listo.

plugin-wordpress-table-of-content-plus-dinapyme

Texto del encabezado

En este apartado podemos indicar si se mostrará un título al principio de la tabla de contenidos. Más bien el título de la tabla por decirlo de alguna forma. Además nos permite establecer cual será el título en el caso de que queramos mostrarlo.

También podemos cambiar o establecer el texto que aparecerá para mostrar u ocultar la tabla de contenidos:

plugin-wordpress-table-of-content-plus-dinapyme

plugin-wordpress-table-of-content-plus-dinapyme

 

plugin-wordpress-table-of-content-plus-dinapyme

Por último podemos establecer si la «Tabla de contenidos» se mostrará o no por defecto tras cargar la página.

Jerarquía, lista y scroll

Las tres opciones siguientes nos permiten:

Mostrar jerarquía: si queremos que se muestre en formato de árbol o todas al mismo nivel.

Numerar la lista de elementos: Si queremos o no que se muestre la numeración correspondiente a cada elemento de la tabla de contenidos.

Habilitar el efecto de scroll suave: Es un efecto muy interesante que se produce cuando pulsamos en algún elemento de la tabla de contenidos. Se refiere a este efecto de scroll.

plugin-wordpress-table-of-content-plus-dinapyme

Apariencia

En este apartado tenemos las siguiente opciones:

Ancho

plugin-wordpress-table-of-content-plus-dinapyme

Como es de esperar nos permite indicar el ancho de la tabla. Por defecto será «Auto».

Personalmente creo que «Auto» es la opción más acertada pero claro, depende de las necesidades de cada uno.

Envoltura

plugin-wordpress-table-of-content-plus-dinapyme

Esta opción es mejor explicarla con una imagen. A continuación se muestra con la opción de envoltura «Izquierda«.

plugin-wordpress-table-of-content-plus-dinapyme

En el caso de la opción «derecha» os podéis imaginar el resultado, ¿Verdad?

Tamaño de fuente

Nos permite no sólo establecer el tamaño de la fuente sino que además la unidad de tamaño de la fuente en «puntos«, «porcentaje» o «em«.

plugin-wordpress-table-of-content-plus-dinapyme

Presentación

Una opción muy interesante es la de poder elegir entre diferentes tipos de presentaciones o diseños para nuestra «Tabla de contenidos«.

Además, también nos permite usar un diseño personalizado.

plugin-wordpress-table-of-content-plus-dinapyme

Ajustes Avanzados del plugin

Este apartado no lo voy a comentar hoy pero si tenéis interés en el me lo decís y lo tendré en cuenta para posteriores programas o tutoriales.

plugin-wordpress-table-of-content-plus-dinapyme

 

Sin más, cualquier duda, sugerencia, petición, me la podéis hacer llegar a través del formulario de contacto de la web de dinapyme.com.

También os recuerdo que tenéis la Zona Premium donde encontraréis Plugins y Temas premium para descargar, Cursos, formulario de soporte y más…

Y ya sabéis, todo esto y mucho más en Dinapyme.com.

Por último, si os ha gustado el podcast, me podéis dejar una valoración positiva de 5 estrellas en Itunes y un pulgar hacia arriba en Ivoox. Así como cualquier comentario.

Saludos y hasta el siguiente!

 

 

Autor: Oscar Abad Folgueira

Programador y desarrollador WordPress.