
Siempre he creido que se aprende más creando algo real, veamos el proyecto que haremos en este curso y aprender a utilizar distintos bloques
Veamos los Snippets de Código, en este mismo video los puedes descargar
En este video veremos que es Gutenberg
Veamos como instalar Gutenberg y la creación de los primeros Bloques
Veamos como cargar Imagenes, Videos y Encabezados
Veamos como utilizar el Diseño de Columnas
En este video habilitaremos los estilos por default al Editor de Gutenberg
En Gutenberg puedes agregar nuevos tamaños de fuentes, pero es necesario que lo que es nuevo, lo agregues en tu hoja de estilos
Para evitar que un usuario coloque colores indeseados, veremos como definir una paleta de colores
En este video veremos como hacer para que una imagen tome el 100% del ancho del contenido
Veamos como instalar los plugins para extender los bloques de Gutenberg
Vamos a hacer uso de estos nuevos bloques
Veamos como agregar más bloques a nuestro proyecto
Veamos como agregar una lista de lo que se incluye en el curso con imagen de fondo
En este video veremos como añadir un Testimonial
En este video veremos como añadir una tabla de Precios
Veamosc omo añadir un bloque reutilizable
En este video veremos como agregar un bloque con una descripción del creador del curso
Veamos algunas de las opciones más populares para crear tus bloques de Gutenberg
Veamos lo que estaremos construyendo
Vamos a instalar Lazy Blocks!
Vamos a crear el bloque de Testimoniales
Veamos como crear el HTML que se mostrará en el sitio
Veamos como crear el CSS para el nuevo bloque
En este video vamos a finalizar nuestro bloque
Veamos como crear un bloque con información del curso
Veamos como agregar el HTML para el bloque de información del curso
Veamos como agregar el CSS para el bloque
Veamos como mostrar los bloques por medio de PHP
Veamos los últimos ajustes hacia el proyecto
En este mini curso aprenderás el nuevo Editor de WordPress: Gutenberg
Gutenberg será una nueva experiencia a la hora de crear contenido en WordPress, un constructor visual nativo en WordPress que facilitará la forma en que creas y editas posts y páginas.
Gutenberg será el Editor de WordPress a partir de la versión 5, si manejas sitios web en WordPress se recomienda comenzar a utilizarlo y probarlo en tus sitios web para conocer como impactará tus sitios y desarrollos.
Este curso esta dividido en 3 partes:
1.- Qué es Gutenberg y como utilizar los bloques
Aprenderás como instalar y los primeros pasos en Gutenberg, comprender mejor la filosofía de diseño por bloques y como darle estilos y diseño diferente a cada bloque.
2.- Preparar tu theme para Gutenberg
Todos los Themes de WordPress deben funcionar con Gutenberg, pero en algunos casos tendrás que realizar algunos ajustes pequeños para que los bloques se vean bien en tu Theme o Plantilla, te mostraré como hacerlo así como otros ajustes que puedes hacerle a tu plantilla de WordPress para que funcione muy bien con Gutenberg
3.- Donde encontrar y como utilizar Bloques Más Avanzados
Los bloques por default en Gutenberg son sencillos, pero te mostraré donde encontrar bloques más avanzados, con mejor diseño y fácil configuración en este capítulo, además estaremos creando interfaces más agradables a la vista
4.- Creación de Bloques Nativos para Gutenberg con Lazy Blocks.
Existe distintas formas de crear Bloques para Gutenberg pero ninguna es tan sencilla como Lazy Blocks, te mostraré como utilizarla y crear distintos bloques