Cómo añadir nuevas secciones y columnas en Elementor

Para diseñar una web visualmente atractiva y organizada en Elementor, es fundamental aprender a estructurar su contenido con secciones y columnas. Con esta guía, aprenderás a añadir y personalizar estas estructuras de manera sencilla para organizar mejor los elementos de tu página.

Índice

• ¿Qué son las secciones y columnas en Elementor?
• ¿Cómo añadir una nueva sección?
• ¿Cómo añadir y gestionar columnas dentro de una sección?
• Personalizar las secciones y columnas

1. ¿Qué son las secciones y columnas en Elementor?

Las secciones son las divisiones principales de una página en Elementor, y dentro de cada sección puedes añadir columnas, que te permiten organizar los elementos en diferentes disposiciones.

Características principales:

• Secciones: Contienen columnas y sirven como la base de la estructura de una página.

• Columnas: Permiten dividir el contenido dentro de una sección en diferentes partes.

Ejemplo: Piensa en una hoja de diario. La sección sería la hoja completa, y las columnas serían las divisiones de texto dentro de ella.

📌 Nota importante: Una buena estructura con secciones y columnas mejora la organización visual y facilita la adaptación al diseño responsivo.

📌 Aclaración a tener en cuenta: Con la versión anterior de Elementor estos elementos se llamaban "Secciones y Columnas" ahora, con las actualizaciones de Elementor se llaman "Contenedores". Pero funcionan de la misma manera (el contenedor "padre" es la sección, y los contenedores "hijos" son las columnas).

2. Cómo añadir una nueva sección en Elementor

1. Abre la página en Elementor: Ve al panel de WordPress, accede a "Páginas" y haz clic en "Editar con Elementor".

2. Haz clic en el botón "+": Aparecerá una opción para agregar una nueva sección.

    3. Elige la estructura: Se te mostrarán varias opciones de distribución de columnas.         Puedes empezar con una sola y agregar más después.

📌 Consejo: Para mantener una estructura limpia, elige el número de columnas según el contenido que vayas a colocar.

3. Cómo añadir y gestionar columnas dentro de una sección

Una vez creada la sección, puedes modificar la cantidad de columnas y su disposición.

Agregar una nueva columna:

1. Haz clic derecho sobre algun contenedor (columna).

2. Selecciona "Añadir nuevo contenedor".

3. Ajusta el tamaño de los contenedores: Selecciona el contenedor y dirigete al panel izquierdo.  En la pestaña de "disposición" ajusta el ancho del contenido.

Eliminar una columna:

1. Pasa el cursor sobre la columna que deseas eliminar.

2. Haz clic derecho y selecciona "Eliminar".

📌 Consejo: Mantén un equilibrio en la distribución de las columnas para facilitar la lectura y navegación.

4. Personalizar las secciones y columnas

Puedes personalizar el diseño de tus secciones y columnas para que se adapten a la estética de tu página.

Ajustes de una sección:

• Color de fondo: Selecciona el contedor que quieras editar, dirigete al panel izquierdo y en la pestaña "Estilo", elige un color o imagen de fondo.

• Espaciado: Selecciona el contenedor que quieras editar, dirígete al panel izquierdo y en la pestaña "Avanzado" ajusta el margen y relleno para mejorar la distribución.

Dominar las secciones y columnas en Elementor es clave para diseñar una página bien organizada y atractiva. Con estas herramientas, puedes estructurar tu contenido de manera efectiva, asegurando una mejor experiencia de usuario.

➡️ Siguiente paso: Aprende a insertar y personalizar widgets en Elementor aqui.