Bienvenidos a la primera clase del curso de Page Builder, en el que aprendemos a diseñar y maquetar contenido en WordPress.
En la clase de hoy veremos que es un editor visual, cómo funciona, el uso que hace de los widgets, qué funcionalidades les añade, y empezaremos a usarlo.
1 - Introducción a Page Builder
WordPress nos permite crear posts y páginas con un editor bastante completo. Del mismo modo, a través de plugins podemos usarlo para crear productos, testimonios, tutoriales, noticias, etc. Eso está genial. ¿Pero que pasa si queremos ir un paso más allá?
¿Qué pasa si queremos crear columnas? ¿Insertar contenido en medio de un post? ¿Colocar publicidad? ¿Mostrar artículos relacionados? En fin, un sinfín de opciones que se nos podrían ocurrir. ¿Con qué lo hacemos? La respuesta es fácil. Con un editor visual. ¿Y cómo lo hacemos? Ahora lo vemos:
Bien, pues ya habéis visto lo fácil que es maquetar de esta forma. Filas, columnas y widgets. No necesitamos nada más.
Pero atención, porque lo que hemos visto hoy es sólo la punta del iceberg. Combinando la flexibilidad de Page Builder con ciertos plugins, podremos llegar a crear diseños y layouts no sólo a nivel de diseño, sino también claves para la usabilidad y la mejora de conversiones. ¡O sea que prepararos, porque esto acaba de empezar!
¿Deberes? A instalar el plugin y a jugar con filas, columnas, widgets, diseño, estructura, y características de cada uno de ellos. Jugad, porque aparte de ser divertido, vais a aprender las bases para poder seguir el curso con facilidad. Lo 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