Curso de Gutenberg: creación y edición de bloques

Este curso de creación y edición de bloques en Gutenberg te permitirá aprender a desarrollar bloques con el nuevo editor de WordPress, que comenzó a implementarse a partir de la versión 5.0 de este conocido y potente CMS.

Si estás interesado en realizar este curso online sobre Gutenberg, debes saber que, aunque no es un curso muy avanzado, se requiere tener conocimientos previos en HTML, CSS, JavaScript y WordPress para hacerlo de forma correcta.

En caso de no poseer estos conocimientos requeridos, te recomendamos realizar algunos de nuestros cursos para conseguirlos, como el curso de HTML5 y CSS3, el curso de JavaScript para principiantes o el curso administración de sitios Web con WordPress de forma profesional, todos incluidos en tu suscripción.

Como primera toma de contacto con el curso y el tema sobre el que trata, en la introducción inicial se explicará qué es Gutenberg, qué son los bloques en Gutenberg y en qué consiste el bloque que vamos a desarrollar de forma personalizada.

Tras conocer estos conceptos esenciales, en el primer apartado formativo entraremos a desarrollar todo lo relacionado con el registro de nuestro bloque, para que conozcas la estructura de ficheros y carpetas y el fichero de registro del bloque, y así poder crearlos posteriormente para los bloques que desarrolles.

En la siguiente sección del curso aprenderás a desarrollar los bloques personalizados, desde la creación del fichero de desarrollo, en el que se almacenarán las propiedades del mismo, hasta el uso de variables y propiedades, además de la función Edit y la función Save.

Para finalizar esta sección sobre el desarrollo de bloques, se explicará que son los bloques anidados, para qué sirven y sus características, además de cómo generarlos de una forma práctica y cómo utilizar sobre ellos las funciones Edit y Save que se explicaron previamente.

Una vez que ya sepas crear tus propios bloques, continuamos realizando el proceso para utilizar nuestro bloque dentro del escritorio de WordPress y también dentro de la vista de entradas, para que puedas aprender a hacerlo de una forma visual y aplicada.

El penúltimo apartado del curso lo dedicamos al diseño y maquetación de nuestros bloques, para personalizar su aspecto visual y añadirles funcionalidades, utilizando para ello JavaScript y la librería jQuery.

Aprenderás en este apartado a utilizar colores, fuentes e iconos dentro de tus bloques, a maquetar los campos de un formulario y de sus pasos adicionales, y también a maquetar el bloque principal y los bloques anidados.

Para finalizar este curso Gutenberg te mostraremos cómo animar los bloques que desarrolles, utilizando para ello JavaScript. Comenzaremos aplicando animación al formulario por pasos y continuaremos con la animación para el resultado de nuestro bloque anidado, para acabar viendo el resultado final de nuestro bloque.

De esta forma concluiría este curso online, que te permitirá conocer de forma más profunda el editor Gutenberg y cómo sacarle todo el partido a la hora de crear y editar bloques personalizados, siempre de una forma muy práctica, para que tengas mucho más claros todos los procesos necesarios para ello.