Crear subpágina con plantilla de diseño

1. Nombra la página «Sobre nosotros»
2. Haz clic en ”Usar Divi Builder”.

Haz clic en ”Elegir diseño”.

Selecciona de nuevo el paquete de diseño ”Agency”.

Esta vez usaremos ”About”.

1. Haz clic en ”About”.
2. Haz clic en ”Use This Layout”.

Empezamos limpiando un poco eliminando las secciones que no queremos incluir. Elimine la sección de video pinchando en la papelera.

Elimina la sección del Newsletter.

Elimina la sección del formulario.

1. Elige ”Fondo”.
2. Elige imagen.
3. Elimina la imagen existente y sube la tuya.
4. Guardar.

Entra en «Ajustes del módulo» de la cabecera.

1. Cambia Título.
2. Cambia Cuerpo.

1. Entra en «Fondo».
2. Selecciona el color de fondo deseado.

1. Entra en ”Diseño”.
2. Entra en ”Título Texto”.
3. Haz clic en la configuración de dispositivos móviles para «Título Tamaño del Texto».
4. Pon 40px.

1. Desplázate hacia abajo y selecciona «Cuerpo Texto».
2. Haz clic en la configuración de dispositivos móviles para «Cuerpo Tamaño del Texto».
3. Pon 18px.
4. Guardar.

Haz clic en «Guardar sección a la biblioteca» para la cabecera.

1. Pon el nombre deseado.
2. Haz clic en «Guardar en biblioteca».

1. Cambia Estructura de columna a 1/3 + 2/3.
2. Guardar.

Elimine la pequeña linea haciendo clic en la papelera.

Entra en Ajustes del módulo para el título.

1. Cambia al texto deseado.
2. Alinear a la izquierda.
3. Guardar.

Entra en Ajustes del módulo para el texto del cuerpo.

1. Cambia al texto deseado.
2. Alinear a la izquierda.
3. Guardar.

1. Inserta un nuevo módulo haciendo clic en el signo más.
2. Elige «Deslizador».

Haz clic en configuración para la primera diapositiva.

Pensamos en hacer un deslizante con solo imágenes sin texto, así que eliminamos Título, Botón y Cuerpo.

1. Desplázate hacia abajo y elige «Fondo».
2. Haz clic en imagen.
3. Elimina la imagen existente y sube la tuya.
4. Guardar.

Repita el procedimiento para la diapositiva número 2.

1. Para configurar la altura, vamos a «Diseño».
2. Pon «Altura» en 400 px.

1. Haz clic en la configuración móvil para la altura.
2. Pon 200px.

1. Desplázate hacia abajo hasta «Animación».
2. Activa «Animación automática».
3. Establezca la velocidad de animación automática en 4000.
4. Guardar.

1. Cambia Título
2. Cambia Cuerpo.

1. Entra en «Imagen e icono».
2. Cambia «Usar icono» a NO.
3. Guardar.

Haz clic en el signo más para añadir un nuevo módulo.

Elige «Botón».

Cambia el texto del botón.

1. Entra en «Enlace».
2. Aún no hemos creado la página, pero se llamará sidra-de-manzana para que podamos ingresar la futura URL completa.

1. Entra en diseño y diseña el botón como deseas.
2. Guardar.

Repita para las columnas dos y tres.

Elige «Regular».

Elige una sola columna.

Elige ”Separador”.

Elige el color.

1. Entra en «Tamaño».
2. Establece la Anchura de separador en 2px.
3. Guardar.

Para que no entre demasiado aire entre las secciones, podemos reducir la distancia del fondo a 0 para la sección de enlace con una maniobra de arrastrar y soltar.

También podemos reducir la distancia superior en la siguiente sección a 0.

Entra en Ajustes del módulo para el título.

1. Cambia el texto
2. Guardar.

Entra en Ajustes del módulo para la primera imagen.

1. Cambia «Nombre».
2. Cambia «Puesto».
3. Elimina todos los enlaces sociales.

1. Desplázate hacia abajo y entra en «Imagen».
2. Elimina el existente y agregue la tuya.
3. Guardar.

Repite para las imágenes dos y tres.

1. Elige «Añadir desde biblioteca».
2. Elige ”Pie”.

Publicar.