Bienvenidos a la edición número #30 de la newsletter Aprende Gutenberg tras estar una temporadita en letargo.
Esta newsletter está patrocinada por www.cursogutenberg.com
Utiliza el cupón APRENDEGUTENBERG en el carrito de www.cursogutenberg.com y obtendrás un 10% de descuento.
Gutenberg Plugin & WordPress 5.x
Esta misma semana ha visto la luz la versión 6.1.1 del plugin de Gutenberg que tiene como principal novedad las animaciones al reordenar, añadir y quitar los bloques.
Si deseas leer todos los cambios de la versión 6.1.1, puedes hacerlo en What´s new in Gutenberg 10 July.
Si nos centramos en el diseño del nuevo editor, tenemos la reunión habitual de todos los viernes del equipo de diseño en Gutenberg Phase 2 Friday Design Update #26
Además esta semana tenemos un artículo de Mel Choyce que trata sobre los primeros bocetos o conceptos de la futura librería de bloques.
Un último recurso «oficial» que quiero compartir con vosotros es Gutenberg Block Kit on Glitch que os permitirá crear un bloque personalizado de Gutenberg, partiendo de un entorno de desarrollo base desde vuestro navegador con live preview para así acelerar todo el proceso de creación de bloques.
Artículos & Tutoriales en Castellano
David Viña hizo una comparativa de Gutenberg vs Divi que podéis leer en https://www.xn--davidvia-j3a.es/gutenberg-editor-wordpress-sustituira-page-builders/
Turno de un artículo para desarrolladores de bloques y es que en el blog de Irontech, Víctor Vargas nos explica ¿Cómo usar RichText, componente para bloques de Gutenberg?
Seguimos con David Aguilera que desde el blog de Nelio os muestra cómo crear un bloque personalizado de google maps en tres artículos: https://neliosoftware.com/es/blog/desarrollo-gutenberg-con-ejemplos-google-maps-parte-1/, https://neliosoftware.com/es/blog/desarrollo-gutenberg-con-ejemplos-google-maps-parte-2/ y https://neliosoftware.com/es/blog/desarrollo-gutenberg-con-ejemplos-google-maps-parte-3/.
Terminamos la sección con el blog de Nelio y cómo crearon su nueva web usando el editor de bloques.
Artículos & Tutoriales en Inglés
Empezamos con la accesibilidad, y es que por fin a primeros de mayo se publicó la auditoría sobre la accesibilidad del nuevo editor, realizada por la gente de WPCampus y que podéis leer en este pdf de 34 páginas.
Sami Keijonen comparte con nosotros en formato post su ponencia de la WordCamp Europe llamada Maintainable CSS architecture in the Gutenberg era
Felix Arntz escribió en su blog la entrada Exploring sitewide Gutenberg usage today en la que nos habla sobre su nuevo e interesante plugin The Block Areas para gestionar los bloques según el área de contenido con el que estes trabajando.
10up ha redactado un artículo llamado Extending Gutenberg With SlotFill and Filters hablando sobre su nuevo e interesante plugin SlotFill and Filters que nos permitirá añadir filtros y hooks en los ajustes de la barra lateral del nuevo editor.
Continuamos con How to Create a Repeater Field in Gutenberg y terminamos con Getting gutenberg block data in the REST API.
Plugins
Grids: Layout builder for WordPress nos trae todo el poder de CSS Grid al nuevo editor de WordPress.
Kioken Blocks es una nueva colección de 15 bloques que tiene muy buena pinta, podéis descargarla desde el repositorio o ver sus demos en su web:
ACF Blocks es una colección de bloques creados para todos los usuarios del plugin ACF en su versión PRO.
EditorsKit – Page Building Block Options nos permite mostrar u ocultar un bloque en diferentes dispositivos o por estado de sesión, además incluye mejoras para los elementos de texto del nuevo editor.
Blocks Animation permite añadir animaciones CSS a cualquier bloque de Gutenberg:
Map Block Leaflet de Jesús Olazagoitia nos ayudará a incrustar mapas dentro del contenido de nuestra web:
Honey Code es un plugin de Syntax Highlighting.
Honey Algori 360 Image nos permite usar fotografías 360º en nuestras webs.
Cerramos la sección con Color Palette que sirve para crear paletas de colores para el nuevo editor.
Temas
Chaplin es un nuevo tema del reputado diseñador sueco Anders Norén.
Gutenberg Agency es un nuevo tema gratuito de Dessign.net.
PodCast
Post Type PodCast episodio 1×32 – Adaptando plugins a Gutenberg con @jdevelopia y @neliosoftware
Freelandev episodio #8 – El editor de bloques de WordPress.
Vídeos
Haz que tu tema se vea bien en el editor de bloques de Jesús Olazagoitia en la pasada WordCamp Bilbao.
Desarrollos en Gutenberg: Quítate el miedo de Ignacio Cruz en la pasada Meetup de WordPress Madrid en su formato <dev>.
DosisWP #11: Gutenberg 6 y temas accesibles de Mowomo
Recordar que si tenéis cualquier tipo de duda acerca de Gutenberg, puedo ayudaros, tan solo tenéis que escribirme.
Aquí finaliza la entrega #30 de Aprende Gutenberg. ¡Hasta la próxima newsletter!