Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. WordPress
Code

Agrega una Hermosa Tabla de Contenidos a Tus Publicaciones WordPress

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Final product image
What You'll Be Creating

Si escribes publicaciones de blog más largas y quieres darle a tus lectores una manera estructurada de navegar tus páginas y publicaciones, el complemento Tabla de Contenidos gratuito es una solución elegante.

Este genera automáticamente una Tabla de Contenidos en tu página desde encabezados de sección, muy parecido a las grandiosas cajas colapsables de contenidos estilo Wikipedia mostradas abajo.


Agregar una tabla de contenidos a tus publicaciones WordPress no solo ayuda al lector a ver y navegar lo que está en tu página, sino que también ayuda a Google a generar enlaces estructurados en los resultados de búsqueda.

Example of structured search results in Google from Table of Contents Plus

ToC+ también auto-genera mapas de sitio visuales e índices de tu contenido, lo cuál te mostraré a más detalle después en este artículo.

Instalando el Complemento Tabla de Contenidos Plus

Desde tu Tablero WordPress, visita el elemento de menú Plugins -> Agregar Nuevo y busca Table of Contents Plus:

Da clic en Instalar Ahora y Activa el complemento. Después, da clic en el enlace Ajustes desde el menú del complemento o visita el Tablero -> Ajustes -> ToC+.

Generando Automáticamente la Tabla de Contenidos

ToC+ tiene una variedad de opciones y estilos. apago la auto-inserción (mostrada arriba) e incluyo el shortcode [toc] en páginas y publicaciones en donde quiero que aparezca la Tabla de Contenidos; de otro modo, habría una Tabla de Contenidos en casi todas mis páginas.

Nota: hay una manera de limitar esto a páginas con solo más de n encabezados.

Aquí hay un ejemplo de una Tabla de Contenidos auto-generada en uno de mis tutoriales más largos.

Hay un número de características grandiosas y ajustes para administrar la apariencia de tu Tabla de Contenidos:

Puedes apagar el interruptor mostrar/ocultar. Puedes elegir diferentes estilos. Y, puedes elegir qué tan profundo quieres indizados tus encabezados o excluir ciertos encabezados:

También puedes auto-generar mapas de sitio como se muestra abajo:

Uso esta característica para generar un índice alfabético para publicaciones de mi sitio.

Los desarrolladores han hecho un trabajo realmente bueno con este complemento.

Construyendo una Tabla de Contenidos Multi-Página

Una característica no soportada de manera nativa en el complemento ToC+ puede ser implementada bastante fácil de manera manual, esa de construir una tabla de contenidos para contenido multi-página. Escribo muchos tutoriales multi-página y quería usar el estilo de tabla de contenidos para generar Tablas de Contenidos navegables a través de páginas - como esta.

Instalé el complemento ToC+ de manera que sus hojas de estilo estén cargadas. Sin embargo, escribo el código HTML de manera manual en WordPress para mi Tabla de Contenidos multi-página:

Sin embargo, este bloque de código necesita ser colocado en todas mis páginas de tuorial y necesita ser actualizado regularmente cuando agrego o cambio el tutorial. Esto puede convertirse rápidamente en mucho mantenimiento.

En vez de pegar el código de manera manual en todas mis páginas, uso el complemento Shortcoder gratuito y coloco el shortcode [sc:my_toc] en cada página. Después, actualizo mi Tabla de Contenidos en el área de ajustes de Shortcoder y será actualizado de forma automática en todas mis páginas. No tengo que editar manualmente la Tabla de Contenidos en cada página.

El resultado funciona muy bien aunque solo proporciona un sub-conjunto de la característica establecida en el complemento ToC+.

Espero que te hayas beneficiado de este tutorial. Déjame saber si tienes cualquier pregunta o comentario.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.