¿Qué es el widget de Tabla de contenidos en Elementor?
El Widget de Tabla de contenidos en Elementor sirve para crear un índice o tabla de contenidos en tu página web de forma automática. Esta funcionalidad es genial si tienes artículos muy largos, ya que facilitará a tus lectores la navegación entre las diferentes secciones de tu contenido.
Paso 1. Añade el Widget al lienzo
Haz clic en el Widget de Tabla de contenidos, luego arrástralo y suéltalo dentro del lienzo. Verás, como de forma automática, cuando hagas esto, el widget escaneará todos los encabezados de la página y creará un índice.
Paso 2. Escribe un Título
En la pestaña Contenido > Tabla de contenidos > Título > Escribe el encabezado que se mostrará como título principal del Índice.
Paso 3. Elige una etiqueta HTML
Elige la etiqueta HTML para el título y la descripción de tu caja de doble. Esto ayudará a los motores de búsqueda a entender mejor la jerarquía de información y mejorará el SEO. Puedes elegir entre H1 y H6, párrafo, span o div.
Paso 4. Botones Incluir y Excluir
Haz clic sobre el botón Incluir para añadir títulos a la tabla de contenidos. En su interior encontrarás estas opciones:
- Anclajes por etiquetas: Selecciona las etiquetas H1-H6 de la página para que se incluyan automáticamente. Por ejemplo, si seleccionas H2 y H3, solo los encabezados con estas etiquetas se mostrarán en el índice.
- Contenedor: Limita la tabla de contenidos a títulos de un contenedor en específico. Esto es muy útil cuando quieres limitar la tabla de contenidos a los encabezados que hay dentro de una sección en específico.
Haz clic sobre el botón Excluir para excluir títulos a la tabla de contenidos. En su interior encontrarás estas opciones:
- Anclajes por etiquetas: Selecciona las etiquetas H1-H6 de la página para que se excluyan automáticamente. Por ejemplo, si seleccionas H2 y H3, solo los encabezados con estas etiquetas se excluirán del índice.
Paso 5. Vista de marcador
Elige mostrar Números o Viñetas junto a los elementos de la lista.
Si seleccionas la opción Viñetas, elige un icono de la Biblioteca de iconos.
Paso 6. Opciones adicionales
- Envoltura de palabras: Activa esta opción para que el texto se ajuste automáticamente cuando la columna sea demasiado estrecha para contener todo el texto en una sola línea.
- Minimizar la caja: Desactiva esta opción para mostrar la tabla de contenidos completamente expandida. Cuando actives esta opción, los usuarios podrán decidir entre minimizar o no la tabla según sus preferencias.
- Icono e Icono de Minimizar: Selecciona un icono de la biblioteca de FontAwesome o sube un icono personalizado en formato SVG.
- Minimizado activo: Activa esta opción para elegir cuando se debe minimizar el widget.
- Vista jerárquica: Activa esta opción para mostrar los elementos de la lista con sangría basada en la jerarquía de las etiquetas.
- Contraer subartículos: Si la vista jerárquica está habilitada, activa esta opción para contraer las listas anidadas y solo dejar visibles aquellos elementos de nivel superior.
