Construye hermosos sitios web de WordPress usando Divi y Divi Builder

Cómo crear diseños de ancho completo en WordPress con Elementor

Muneeb Tutoriales de WordPress May 4, 2021

Debe saber lo importante que es mantener su sitio web visualmente agradable para retener la atención del usuario y cómo muestra sus elementos en la página web tiene mucho que ver con la experiencia del usuario.

Los diseños de ancho completo tienen elementos como barras laterales o columnas del mismo ancho, razón por la cual el contenido y los elementos fluyen muy bien alrededor de la página, creando así un equilibrio visual atractivo. En este tutorial, vamos a entender cómo crear diseños de ancho completo con Elementor.

Cómo crear diseños de ancho completo con Elementor

Para iniciar el procedimiento, debe crear una nueva página y presionar Editar con elementor para abrir el editor elementor.

Desde la columna Left-Sided arrastre la opción Imagen y colóquela en la parte superior de la página en el área de contenido.

Descargar Divi el mejor tema de WordPress

El tema de WordPress más popular en el mundo y el mejor constructor de páginas de Wordpress

Descargar DIVI

Seleccione una imagen de la Biblioteca multimedia pulsando el botón Elegir su imagen.

En la columna de la izquierda, cambie el Ancho de contenido a Ancho completo.

Si lo desea, puede agregar texto debajo de la imagen, desplácese hacia abajo hasta Agregar nueva sección y agregue un Editor de texto desde la columna.

Agregue algo de texto en el bloque Editor de texto y guárdelo.

Puede obtener una vista previa de la página para ver cómo se ve, mientras que es una configuración de ancho completo en una plantilla de ancho completo, pero hay algunos pasos necesarios que debe seguir para que se vea como desee.

Para tener una plantilla completa de ancho completo, debe instalar y activar un complemento elementor Elementor - Encabezado, Pie de página y Bloques. Busque Elementor en Agregar nuevos plugins e instale Elementor - Encabezado, Pie de página y Bloques.

En los atributos de página, encontrará las dos plantillas recién instaladas, es decir, Elementor Full Width y Elementor Canvas.

Para lograr una plantilla completa de ancho completo, siga adelante y elija la plantilla Elementor Full-Width para su página.

Siga adelante y obtenga una vista previa de su página para ver si necesita realizar algún cambio y, si no, puede publicar la página para ver su diseño de ancho completo en acción.

Así es como puede crear diseños de ancho completo en su sitio web con Elementor. Quite un comentario si le resultó útil este tutorial. Asegúrese de unirse a nosotros en Facebook y Twitter para nunca perderse un puesto.

Share Your Thoughts