Unha introdución a Gutenberg
André, programador en Automattic — Outubro 2019, Meetup WordPress Lugo
![The editor](https://oandre.gal/files/2019/10/the-editor.png)
Por que?
En 2003, a famosa instalación en 5 minutos respondía ao mercado (zip+ftp).
En 2019, o mercado espera manipulación directa e que o sitio web se pareza á demo — en 5 minutos.
Ver tamén: We called it Gutenberg for a reason.
Como?
Bloques. Un bloque é a mínima unidade de contido, unha peza coa que construír estruturas maiores. Simplifica conceptos: widgets, shortcodes, custom HTML, menus, etc.
Ver tamén: Focus tech and design leads.
Partes de un bloque
![What a block is made of?](https://oandre.gal/files/2019/10/block-parts.png)
Demo: que podes facer hoxe cos bloques?
Exemplos: parágrafo e transformacións a outros bloques; imaxe e aliñamento; layout (group, columnas, media&text); contido dinámico (widgets, embeds), etc.
Como é que funciona?
HTML
Compatibilidade pasada e futura pero semántica limitada: como expresar estruturas complexas (carrousel, produto, info electoral, etc.)?
![](https://oandre.gal/files/2019/10/a-post-is-html.png)
Comentarios HTML.
Permite estruturar e xerarquizar. Transparentes para os motores web.
![](https://oandre.gal/files/2019/10/html-comments-give-structure.png)
HTML <=> Bloques
![](https://oandre.gal/files/2019/10/save-and-edit-flow.png)