Tabla de contenidos
Ofrezca a sus lectores una hoja de ruta clara a través de su contenido de formato largo con este elemento dinámico de Tabla de contenido. Escanea automáticamente su página en busca de encabezados y crea un índice en el que se puede hacer clic, lo que hace que sea muy fácil para los visitantes saltar a la sección que necesitan. Puede elegir íconos de lista elegantes, hacer que todo sea plegable para ahorrar espacio e incluso agregar un práctico botón de “desplazamiento hacia arriba”. Con control total sobre los colores, el espaciado y la tipografía para cada parte, puede diseñar un TOC que parezca estar codificado a medida para su sitio, al mismo tiempo que mejora la experiencia del usuario y el tiempo en la página.
Colección de encabezados inteligente y automatizada
El elemento detecta de forma inteligente la estructura de encabezado (H1, H2, H3, etc.) en su página y genera la tabla de contenidos automáticamente, salvándolo de la creación y actualización manual de enlaces.
- Cree instantáneamente una lista de contenidos precisa para artículos, documentación o páginas de destino.
- Ahorra mucho tiempo en comparación con crear una lista manual de enlaces de anclaje.
- Garantiza que el TOC siempre coincida con la estructura actual de su página si edita los encabezados más tarde.
Diseño interactivo y que ahorra espacio
Haga que su tabla de contenido sea plegable para que los usuarios puedan expandirla u ocultarla con un clic. Puede configurarlo para que comience colapsado para mantener limpio el diseño de la página y controlar el tamaño y el color del ícono de alternancia.
- Mejore la estética de la página ocultando el TOC hasta que un usuario quiera usarlo.
- Perfecto para pantallas móviles donde el espacio es limitado.
- Proporciona una sensación moderna e interactiva que mejora la participación del usuario.
Navegación mejorada con herramientas de desplazamiento
Incluye un botón dedicado de “Desplazarse hacia arriba” que aparece cuando los usuarios se desplazan hacia abajo. Puede personalizar su posición, tamaño, colores y permitir un desplazamiento fluido con un retraso de animación personalizable para una experiencia pulida.
- Mejora enormemente la navegación en páginas largas, salvando a los usuarios del desplazamiento manual.
- El suave efecto de desplazamiento añade una sensación profesional y fluida a los saltos de página.
- Permite ajustar el desplazamiento de desplazamiento para tener en cuenta encabezados fijos u otros elementos de diseño.
Preguntas frecuentes sobre el índice
¿Puedo excluir títulos específicos del índice?
Sí. Puede excluir encabezados globalmente por tipo de etiqueta (como todos los H4) en la configuración. Para excluir un único encabezado específico, agrega una clase CSS personalizada a la pestaña Avanzado de ese elemento de encabezado en particular en Elementor.
¿funciona con todas las etiquetas de encabezado (H1, H2, H3, etc.)?
Sí. El elemento está diseñado para reconocer la jerarquía estándar de etiquetas de encabezado HTML desde H1 hasta H6. Normalmente puedes elegir qué niveles incluir en la configuración del contenido.
¿Cómo diseño la sección actualmente activa de la lista?
Hay controles de color dedicados para “Título activo” y “Frontero activo”. Estos le permiten cambiar la apariencia del elemento TOC que corresponde a la sección que el usuario está viendo actualmente en la página.
¿Aparecerá el botón "Desplazarse hasta arriba" en cada página?
El botón es parte de esta instancia de elemento específica. Solo aparecerá en las páginas donde coloque y configure este widget de Tabla de contenido. No es un botón global para todo el sitio a menos que agregue el widget a una plantilla para todo el sitio.
¿Puedo usar íconos personalizados para el estilo de lista?
Las capturas de pantalla muestran opciones de estilo de lista predefinidas (como números e íconos). Si bien puede elegir entre estilos disponibles y colorearlos, crear íconos completamente personalizados probablemente requeriría CSS adicional a menos que el complemento ofrezca un selector directo de biblioteca de íconos.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
