Bienvenido a mi guía definitiva sobre el Editor de Bloques de WordPress Gutenberg.
En este nuevo tutorial de WordPress Gutenberg, te llevaré paso a paso a través de los Bloques de WordPress Gutenberg y cómo utilizar el Editor de WordPress Gutenberg.
¿Qué es el Editor de Bloques de WordPress Gutenberg?
Gutenberg es un nombre en clave para un nuevo paradigma en la construcción y publicación de sitios de WordPress, que busca revolucionar toda la experiencia de publicación tanto como Gutenberg lo hizo con la palabra impresa. El proyecto se encuentra actualmente en la segunda fase de un proceso de cuatro fases que tocará cada aspecto de WordPress - Edición, Personalización (que incluye Edición Completa del Sitio, Patrones de Bloques, Directorio de Bloques y temas basados en Bloques), Colaboración y Multilingüe - y se centra en una nueva experiencia de edición, el editor de bloques (que es el tema de la documentación actual).
Los bloques tratan los Párrafos, Encabezados, Medios y Embeds como componentes que, al unirse, constituyen el contenido almacenado en la base de datos de WordPress, reemplazando el concepto tradicional de texto libre con medios incrustados y shortcodes. El nuevo editor está diseñado con una mejora progresiva, lo que significa que es compatible con todo el contenido heredado, y también ofrece un proceso para intentar convertir y dividir un bloque Clásico en bloques equivalentes utilizando análisis del lado del cliente. Finalmente, los bloques ofrecen controles de edición y formato mejorados.
El Editor ofrece un nuevo valor enriquecido a los usuarios con herramientas de creación visual, de arrastrar y soltar, y potentes mejoras para desarrolladores con paquetes de proveedores modernos, componentes reutilizables, APIs ricas y hooks para modificar y extender el editor a través de Bloques Personalizados, Estilos de Bloques Personalizados y Plugins.
(fuente wordpress.org)
👉 Contáctame en: jamie@pootlepress.com
Cronograma
0:00 - Introducción
0:33 - El editor clásico vs el nuevo Editor de Bloques
1:33 - Gutenberg también es un plugin
2:00 - Haciendo que Gutenberg sea más fácil de usar
2:45 - Dónde encontrar la configuración de páginas y publicaciones en Gutenberg
2:58 - La Biblioteca de Bloques de Gutenberg
3:15 - Cómo añadir Bloques de Gutenberg
4:15 - Otra forma de añadir Bloques de Gutenberg
4:34 - Cómo personalizar Bloques de Gutenberg
5:20 - La Barra de Herramientas de Gutenberg
6:31 - Vista de Lista de Gutenberg y Migas de Pan
7:11 - Bloques Simples y Bloques de Contenedor
9:25 - Cómo trabajar con Bloques Simples
10:40 - Cómo trabajar con Bloques de Contenedor
13:23 - Cómo eliminar Bloques de Gutenberg
13:39 - Cómo eliminar más de un Bloque (de una vez)
14:00 - Cómo mover Bloques de Gutenberg
14:37 - Cómo copiar contenido de página en Gutenberg
15:00 - Cómo añadir íconos sociales a Gutenberg
15:40 - Cómo añadir un video a Gutenberg
16:50 - Cómo añadir HTML a Gutenberg
17:24 - Cómo alinear botones en Gutenberg
17:52 - Cómo duplicar Bloques
18:36 - Cómo transformar Bloques en diferentes tipos de Bloques
19:00 - Transformar texto automáticamente en Columnas
19:25 - Cómo agrupar Bloques juntos
20:00 - Bloques reutilizables en Gutenberg
21:00 - Patrones de Bloques de Gutenberg
21:53 - Enlaces de Salto en Gutenberg
23:18 - Añadir CSS a Gutenberg
24:00 - Vista de código de WordPress Gutenberg
24:17 - Atajos Útiles
24:41 - Opciones de publicación
25:12 - Ocultar Bloques de la Biblioteca de Bloques
25:35 - Plugins de Bloques de WordPress
26:11 - WooCommerce Gutenberg
26:36 - Temas de Bloques de Gutenberg
27:00 - Edición Completa del Sitio (FSE)
27:25 - Demostración en Vivo del Front End de Gutenberg