Cómo crear una tabla de contenido con Elementor

En este artículo, te mostraré cómo crear una tabla de contenido con Elementor, una herramienta popular para la creación de páginas y entradas en WordPress. Utilizaremos Elementor Pro, que ofrece una opción fácil de agregar una tabla de contenido a tus publicaciones. A continuación, te explicaré paso a paso cómo configurar y personalizar una tabla de contenido con Elementor.

Instalar y activar Elementor Pro

Antes de comenzar, asegúrate de tener instalado y activado Elementor Pro en tu sitio de WordPress. Si aún no tienes la versión Pro, puedes adquirirla en la página oficial de Elementor o a través de sitios de terceros como BigMasterWeb.

Acceder a la página o entrada a editar

Una vez que tengas Elementor Pro instalado, accede a la página o entrada de WordPress en la que deseas agregar la tabla de contenido. Por lo general, esto se aplica a artículos largos o páginas con mucho contenido.

Crear los encabezados

Antes de añadir la tabla de contenido, asegúrate de haber definido los encabezados en tu contenido. Elementor Pro utiliza los encabezados H2, H3 y H4 para organizar la tabla de contenido. Por ejemplo, puedes usar H2 como encabezados principales y H3 como subencabezados. Asegúrate de asignar los encabezados correspondientes a las secciones relevantes de tu contenido.

Agregar la tabla de contenido con Elementor Pro

Una vez que hayas creado los encabezados, es hora de agregar la tabla de contenido utilizando Elementor Pro. Sigue estos pasos:

  1. Abre la opción “Pro” en el panel de Elementor y busca el elemento “Tabla de Contenido” (Table of Contents) en la lista de elementos disponibles.
  2. Arrastra y suelta el elemento “Tabla de Contenido” en la ubicación deseada de tu página o entrada.
  3. La tabla de contenido se generará automáticamente utilizando los encabezados H2, H3 y H4 que hayas definido. Cada sección se numerará en función de su jerarquía y orden.

Personalizar el estilo de la tabla de contenido

Elementor Pro te permite personalizar el estilo de la tabla de contenido para que se adapte al diseño de tu sitio web. Sigue estos pasos para personalizar la apariencia de la tabla de contenido:

  1. En la configuración del elemento “Tabla de Contenido”, ve a la sección de “Estilo” para acceder a las opciones de personalización.
  2. Puedes cambiar el color de fondo, ajustar los bordes, personalizar el encabezado y ajustar el tamaño y la fuente del texto, entre otras opciones.
  3. Explora cada opción de personalización para adaptar la tabla de contenido según tus preferencias y estilo visual.

PLUGINS

Y TEMAS

PREMIUM

2,99$

Scroll al inicio

Acceso a más de 10.000 plugins y temas premium, con actualizaciones todos los días.

$ 7.99

Suscripción Mensual

Acceso durante 1 MES.

$ 49

Suscripción Anual

Acceso durante 1 AÑO.

ACCESO DE POR VIDA

Un solo pago de

$99