Necesita crear o agregar una tabla de contenido en Elementor ?

Al escribir un artículo extenso, como una lista de herramientas o lugares, puede agregar una tabla de contenido. En WordPress, hay un montón de complementos que puede usar para crear una tabla de contenido en su artículo.

Pero con Elementor, no necesita instalar un complemento de tabla de contenido si desea agregar una tabla de contenido. Elementor tiene un widget predeterminado que le permite agregar una tabla de contenido en su artículo extenso. Lo cubriremos aquí.

Índice del contenido es un nuevo widget recientemente presentado por Elementor. Con este widget, puede proporcionar navegación de página adicional para su artículo extenso, lo que le permite a su visitantes salta fácilmente entre las secciones de tu artículo.

El widget de tabla de contenido de Elementor le permite elegir las etiquetas de encabezado exactas para mostrar en su tabla de contenido. También puede usar encabezados de un contenedor específico en la página.

Nota: Table of Contents es un widget profesional. Debe instalar la versión pro de Elementor para usarlo.

Cómo usar el widget de tabla de contenido en Elementor

Hay dos formas ideales de usar el widget de tabla de contenido en Elementor. En primer lugar, puede usarlo en páginas y publicaciones (páginas y publicaciones creadas completamente con Elementor). Alternativamente, puede crear el widget de tabla de contenido en su plantilla de publicación única. sitio web WordPress.

Lea también: Cómo crear un formulario de carga de archivos en Elementor

Por supuesto, la plantilla de publicación única debe realizarse con Elementor. Al implementar el widget Tabla de contenido en la plantilla de publicación única, se generará automáticamente una tabla de contenido en su publicación siempre que la publicación contenga las etiquetas de encabezado según los niveles de encabezado que establezca en el widget Tabla de contenido.

Agregue el widget Tabla de contenido a una plantilla de publicación única

En este artículo, le mostraremos cómo agregar el widget Tabla de contenido a una plantilla de publicación única. Puede crear una nueva plantilla de publicación única o editar la plantilla existente. Crearemos una nueva plantilla de publicación única en este ejemplo.

Para comenzar, inicie sesión en su panel de WordPress y navegue hasta Plantillas -> Creador de temas. En la página Theme Builder, navegue hasta Pestaña única y haga clic en el botón AÑADIR UN SOLO para crear una plantilla.

En la sección Seleccionar la tipo de modelos, seleccionar Mensaje individual. Dale un nombre a tu modelo y haz clic en el botón CREA UN MODELO.

Crearemos la plantilla de publicación única desde cero; cierre la biblioteca de plantillas.

Ver tambien Cómo agregar reCAPTCHA a su formulario Elementor

Agregue una nueva sección haciendo clic en el botón más en el cuadro de edición de Elementor y seleccione la estructura de tres columnas.

Establezca el ancho de las columnas con una comparación de aproximadamente 28%: 61%: 10%.

Cómo agregar una tabla de contenido en Elementor

Agregue elementos comunes como el título de la publicación, la información de la publicación y el contenido de la publicación en la segunda columna y personalice en consecuencia. Una vez hecho esto, agregue el widget Tabla de contenido a la primera columna.

Defina el título de su tabla de contenido en la sección Título y establezca los niveles de encabezado que desea incluir en la sección Anclajes por etiquetas.

Si tiene conocimientos de CSS, puede excluir los selectores de CSS para evitar que aparezcan en la lista de contenidos.

Lea también: Cómo agregar divisor para crear una sección en Elementor

En la sección Vista de marcador, puede establecer el marcador para elementos de contenido (viñetas o números). Si selecciona viñetas, puede configurar el icono de la biblioteca de iconos.

abierto Adicionales Opciones para mostrar otras opciones de configuración y seleccione la configuración deseada.

Cómo agregar una tabla de contenido en Elementor

Ahora ve a la pestaña Estilo para personalizar su tabla de contenido. Puede establecer el color de fondo, el color del borde, el ancho del borde y el radio del borde en la sección Box.

Si bien para configurar el color del encabezado, la tipografía del encabezado y el texto del encabezado, puede ir a la sección Encabezamiento.

En la sección Lista, Puede establecer el color del texto del elemento activo, el color del texto del elemento cuando pasa el mouse sobre él y el color del texto de los elementos en el modo normal. También puede establecer el color del marcador, así como la tipografía de los elementos de contenido aquí.

Ver tambien Cómo instalar Elementor en WordPress

Para que su tabla de contenido sea más útil, puede hacerla visible cuando su visitantes desplaza el ratón hacia abajo. Para hacer esto, abra la pestaña Avanzado y accede a la opción Efecto de movimiento. Definir el pegajoso encima y establezca el desplazamiento en alrededor de 80. Si lo desea, también puede establecer la animación de entrada en la sección Animación de entrada.

Puede jugar con el panel izquierdo hasta que esté satisfecho con su tabla de contenido. Una vez hecho esto, haga clic en el botón PUBLICAR y establezca la condición de visualización.

A continuación, se muestra un ejemplo de una tabla de contenido que creamos.

Cómo agregar una tabla de contenido en Elementor

Si configura la condición de visualización de la plantilla de publicación única que creó anteriormente en Todo Singular, automáticamente tendrá una tabla de contenido cada vez que escriba un artículo largo que contenga las etiquetas de encabezado de acuerdo con el nivel de encabezado que especificó.

Por último

Agregar una tabla de contenido a un artículo extenso proporciona una mejor experiencia de usuario para usted visitantes. Pueden pasar fácilmente de una sección de su artículo a otra haciendo clic en los elementos de la tabla de contenido. Con el nuevo widget de Elementor, no necesita instalar un complemento adicional para agregar una tabla de contenido a un artículo.

Puede usar el widget de tabla de contenido mientras crea una página o publicación con Elementor. Alternativamente, también puede agregar el widget de tabla de contenido en su plantilla de publicación única sitio web WordPress para que cada vez que escriba una publicación larga con etiquetas de encabezado, la tabla de contenido se genere automáticamente.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo agregar una tabla de contenido en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...