Bienvenidos a la séptima clase del curso de Page Builder. En la lección de hoy continuamos creando nuestra home, añadiendo varios elementos multimedia. En este caso veremos cómo colocar texto, imágenes y vídeos.
Aviso: Aunque en esta lección veremos cómo colocar 4 tipos de elementos, no os recomiendo colocarlos todos, ya que nos puede quedar una página demasiado cargada. Simplemente adaptar estos elementos a vuestro caso en particular.
7.1 - Destacados
Es habitual colocar unos destacados (Highlights, encabezados, headings) en ciertos puntos de nuestra página, para ir reforzando ciertas ideas a medida que el usuario hace scroll. Veamos cómo incorporarlo fácilmente.
Ya veis lo fácil y simple que es mostrar ese "slogan" con subtítulo allá donde queramos. Pero si queremos colocar más texto, deberemos usar otro tipo de widget. Veamos cómo hacerlo a continuación.
7.2 - Texto
Si queremos colocar un párrafo entero de texto, tenemos la posibilidad de añadir un widget que nos permitirá tener un editor visual entero, cómo el que nos viene por defecto con WordPress, dentro de un widget. Veamos cómo:
¡Y listos! Ya tenemos nuestro texto, y además lo hemos diferenciado y separado del destacado anterior, para marcar la diferencia. ¿Pero y si queremos ir más allá? Bien, pues una imagen vale más que mil palabras. Y a eso vamos ahora. A colocar imágenes.
7.3 - Imágenes
Colocar una imagen es facilísimo con Page Builder, ya esté en una columna propia, o combinándola con otros elementos. Además le podremos colocar un enlace, y redimensionarla para que ocupe el 100% del espacio que tenemos para ella, sin que sobre ni falte un sólo pixel. ¡Vamos allá!
Como podéis ver, este sistema nos facilita muchísimo la vida, ya que no tenemos que ir jugando con espacios y dimensiones. Sólo seleccionamos la imagen y listos, Page Builder hace el resto. ¿Verdad que sería ideal poder hacer algo así con vídeos? Pues esperad, porque eso es lo que viene a continuación :)
7.4 - Vídeos
Del mismo modo que hemos colocado una imagen, quizás nos interese colocar un vídeo de forma rápida, tanto si es nuestro como si lo hemos subido a YouTube. Y esto es precisamente lo que nos permite hacer Page Builder. Veamos cómo:
¿Fácil, verdad? Ya tenemos un vídeo totalmente responsive, con o sin el aspecto de YouTube, con la posibilidad de mostrarlo a ancho completa o simplemente en una columna. Y además ya habéis visto con que facilidad lo hemos duplicado, modificado y eliminado.
O sea que ya tenéis deberes. Todos a jugar con los elementos multimedia que hemos visto: Texto, imágenes y videos. Cread vuestras propias composiciones, subid imágenes, vídeos y colocad textos y destacados, para crear la home perfecta. Y preparaos, porque en la siguiente clase llevaremos un paso más allá lo que podemos hacer con imágenes :)
Y para cualquier duda ya lo sabéis. Podéis contactar conmigo a través del formulario de soporte de la Intranet. ¡Nos vemos en la siguiente lección!
Todos los capítulos de este curso:
- Curso de Page builder #1: Introducción al editor visual
- Curso de Page builder #2: Widgets de WordPress y configuración
- Curso de Page builder #3: Widgets de Page Builder
- Curso de Page builder #4: Botones y llamada a la acción
- Curso de Page builder #5: Hero
- Curso de Page builder #6: Construyendo una home con destacados
- Curso de Page builder #7: Elementos multimedia
- Curso de Page builder #8: Imágenes
- Curso de Page builder #9: Página de precios
- Curso de Page builder #10: Página de contacto