Este documento presenta una introducción al nuevo editor de bloques de WordPress conocido como Gutenberg o editor de bloques. Explica que reemplaza al editor clásico, las ventajas que ofrece como ser nativo, rendimiento y accesibilidad, y las diferentes fases de su desarrollo, incluyendo la edición más sencilla, personalización, colaboración y soporte multilingüe. También discute cómo afectará a los builders, temas y desarrolladores, y ofrece consejos sobre cómo empezar a trabajar con el nuevo editor.

1. Marta Torre
El FSE ha llegado
¿Por dónde
empiezo?

2. Disclaimer
Todo lo que verás en esta ponencia es en base a mi
opinión y experiencia profesional.
Cada situación es única y puede ser que no te sirva lo que
vas a escuchar.
No soy ninguna gurú, me puedo equivocar.

3. Un poco de historia...

4. ¿Qué es el editor de bloques?

5. ¿Qué es es editor de bloques
o Gutenberg?
Un señor que escribía biblias.
https://es.wikipedia.org/wiki/Johannes_Gutenberg

6. ¿Qué es es editor de bloques
o Gutenberg?
Un señor que escribía biblias.
El nuevo editor de WordPress (que ya no es
tan nuevo).
https://es.wikipedia.org/wiki/Johannes_Gutenberg

7. ¿Qué es es editor de bloques
o Gutenberg?
Un señor que escribía biblias.
El nuevo editor de WordPress (que ya no es
tan nuevo).
Reemplaza el editor clásico de WordPress.
https://es.wikipedia.org/wiki/Johannes_Gutenberg

9. https://twitter.com/JAVidania/status/1072932083809554434/photo/1

10. Ventajas del editor de bloques
Nativo
Rendimiento
Escalabilidad
Accesibilildad web
HTML semántico
Comunidad WordPress
Dependencias
Sostenibillidad web
Evolución

11. FSE: Full Site Editing

12. Fases del proyecto
Gutenberg:
Edición más sencilla.
1.

13. Fases del proyecto
Gutenberg:
Edición más sencilla.
Personalización (Edición completa del
sitio, patrones de bloques, directorio
de bloques y temas basados en
bloques).
1.
2.

14. Fases del proyecto
Gutenberg:
Edición más sencilla.
Personalización (Edición completa del
sitio, patrones de bloques, directorio
de bloques y temas basados en
bloques).
Colaboración.
1.
2.
3.

15. Fases del proyecto
Gutenberg:
Edición más sencilla.
Personalización (Edición completa del
sitio, patrones de bloques, directorio
de bloques y temas basados en
bloques).
Colaboración.
Multilingüe.
1.
2.
3.
4.

16. Edición completa del sitio (FSE)

19. ¿Y qué pasará con los builders?

20. Maquetadores
visuales

21. ¿Y con los temas?

22. Futuro de los temas en
WordPress
Formación

23. Futuro de los temas en
WordPress
Formación
Adaptarse al FSE

24. Futuro de los temas en
WordPress
Formación
Adaptarse al FSE
Temas basados en bloques

25. Futuro de los temas en
WordPress
Formación
Adaptarse al FSE
Temas basados en bloques
Archivos HTML

26. Futuro de los temas en
WordPress
Formación
Adaptarse al FSE
Temas basados en bloques
Archivos HTML

28. ¡A escribir en JSON!

29. Nuevos conceptos

30. Nuevos conceptos del FSE
Template Parts
Block Templates

32. ¿Por dónde empiezo?

33. Formación o documentación
fullsiteediting.com
developer.wordpress.org
wordpress.tv
Blogs comunidad

34. Temas basados en bloques
Twenty Twenty-Two
YITH Wonder
JetBlack FSE
Jace (Además es accesible)
UniBlock

36. Bloques
nuevos para
FSE

37. En tecnología, hay que tener
paciencia
Sitio en pruebas
A romper cosas
Pendiente de bugs y
actualizaciones
Empieza por lo fácil
No inventes la rueda

38. No te obsesiones con estar a la
última, piensa en lo que los
usuarios necesitan.

39. ¡Graaaacias!!
Desarrolladora full-stack freelance especializada
en WordPress y APPS.
Escribo mucho en martatorre.dev
Organizadora meetup WordPress Bilbao
Divulgación sobre el papel de la mujer en el
mundo del desarrollo y buenas prácticas en
desarrollo de software.
@martatorredev | martatorre.dev