Elementor para WordPress: Sección interna explicada fácilmente

El uso de Elementor para WordPress te brinda diversas posibilidades para diseñar tu sitio web. Una de las características más útiles es el sección interna, que te permite hacer tu diseño aún más flexible. En esta guía aprenderás cómo trabajar de manera efectiva con secciones internas y ajustar tu diseño.

Principales conclusiones

• La sección interna te permite añadir columnas adicionales a secciones existentes.
• Puedes ajustar el ancho y alto de las secciones internas para crear un diseño atractivo.
• Agregar fondos, imágenes y vídeos a las secciones internas mejora el diseño visual de tu página.

Guía paso a paso

• Para crear una sección interna, comienza abriendo el editor de Elementor y accediendo a la barra lateral izquierda. Haz clic en la pestaña "Básico". Aquí encontrarás la sección interna.

• Una vez que se despliegue la vista, puedes arrastrar y soltar la sección interna en tu sección existente. Sin embargo, un simple clic no basta. Arrastra la sección interna a una de las columnas, lo que te proporcionará columnas adicionales dentro de esa columna.

• Una vez hayas colocado la sección interna, notarás que ahora tienes un total de tres columnas: dos externas y una interna. Para aumentar el número de columnas, simplemente haz clic derecho en la sección interna y selecciona "Duplicar".

• Además, puedes posicionar o mover las nuevas secciones internas de la misma manera que lo haces con secciones externas. Una forma sencilla de experimentar con el diseño.

• Te recomiendo pensar en algunas secciones internas que quieras usar para contenido como títulos, imágenes y texto. Haz clic en la sección interna para abrir el panel. Aquí puedes decidir cómo quieres diseñar los diferentes elementos.

• Entre las opciones de diseño, puedes ajustar el tamaño y el espacio de las columnas. Simplemente selecciona los parámetros que se ajusten a tus preferencias.

• Además de la adaptación del diseño, también puedes establecer el ancho de la sección interna. Esto se hace a través del control deslizante en el área de diseño. Arrastra la línea para ajustar el ancho según sea necesario.

• Una función importante es ajustar el espaciado entre columnas. Al agregar una segunda columna, puedes refinar estos ajustes y optimizar el equilibrio visual de tu página.

• Para realizar más ajustes en la sección interna, puedes cambiar el fondo de la sección en la pestaña de Estilo. Elige si deseas añadir un color, un degradado o una imagen.

• Si deseas configurar un degradado de fondo, puedes establecer el color superior e inferior. También puedes seleccionar efectos de desplazamiento al pasar el cursor en la sección de Estilo.

• Otro aspecto destacado es la posibilidad de usar vídeos como fondo para tus secciones. Al insertar un enlace de vídeo, puedes asegurarte de que el vídeo se reproduzca automáticamente en el fondo.

• Por supuesto, también puedes usar un pase de diapositivas. Simplemente añade tus imágenes y ajusta los efectos de transición y la duración de visualización.

• Por último, examinemos las configuraciones avanzadas. Aquí puedes añadir IDs de CSS a la sección interna para controlar mejor su comportamiento en diferentes tamaños de pantalla (diseño receptivo).

Resumen

En resumen, hemos cubierto los pasos básicos para usar de manera efectiva la sección interna en Elementor. Esta función te permite refinar tu diseño y crear diseños atractivos. Al agregar más columnas, imágenes, videos y fondos, puedes diseñar un sitio web que sea tanto funcional como atractivo.