Mercedes Tomas, Florencia Bianchini - eCommerce Day Chile 2024
Primeros pasos con Gutenberg
1. G U T E N B E R G
P R I M E R O S P A S O S
@JAVIDANIA.COM #WPALCALA
2. J O S É Á N G E L V I D A N I A
V D E V I D A N I A . C O M
@ J A V I D A N I A
# W P A L C A L A
3. ¿ Q U É E S G U T E N B E R G ?
@JAVIDANIA.COM #WPALCALA
El nuevo editor de bloques de WordPress que se
implementará en la versión 5.0
4. ¡ P R U E B A G U T E N B E R G !
@JAVIDANIA.COM #WPALCALA
5. G U T E N B E R G
@JAVIDANIA.COM #WPALCALA
https://wordpress.org/plugins/gutenberg/
6. P L U G I N C L A S S I C E D I T O R
@JAVIDANIA.COM #WPALCALA
https://wordpress.org/plugins/classic-editor/
7. G U T E N B E R G V S T I N Y M C E
@JAVIDANIA.COM #WPALCALA
Una forma completamente diferente de crear tu contenido.
8. I N T E R F A Z D E G U T E N B E R G
@JAVIDANIA.COM #WPALCALA
Será muy fácil crear contenido en el nuevo editor, pero nos
llevará un tiempo acostumbrarnos a donde está cada cosa.
9. A Ñ A D I R B L O Q U E
@JAVIDANIA.COM #WPALCALA
Desde este ajuste insertaremos nuestros bloques en la entrada.
10. T A B L A D E C O N T E N I D O S
@JAVIDANIA.COM #WPALCALA
Nos ayudará con la jerarquía de nuestro contenido redactado.
11. T O O L B A R S
@JAVIDANIA.COM #WPALCALA
Nos ayudan a la hora de trabajar con los bloques.
12. I N S P E C T O R D E C O N T R O L E S
@JAVIDANIA.COM #WPALCALA
Nos muestra los ajustes que se pueden configurar de los bloques.
13. O P C I O N E S E X T R A
@JAVIDANIA.COM #WPALCALA
Con estas opciones podremos eliminar, duplicar o reutilizar un bloque.
14. B L O Q U E S
@JAVIDANIA.COM #WPALCALA
Existen cinco categorías de bloque.
Common - Comunes
Formatting - Formato
Layout - Diseño
Widgets
Embed - Incrustados
15. B L O Q U E S C O M U N E S
@JAVIDANIA.COM #WPALCALA
Los bloques más habituales en la creación de contenido.
16. B L O Q U E S D E F O R M A T O
@JAVIDANIA.COM #WPALCALA
Si quieres editar con el formato clásico de TINY MCE o usar HTML.
17. B L O Q U E S D E D I S E Ñ O
@JAVIDANIA.COM #WPALCALA
El futuro de Gutenberg como editor visual reside en las columnas.
18. B L O Q U E S D E W I D G E T S
@JAVIDANIA.COM #WPALCALA
Los widgets y shortcodes son los bloques dinámicos de Gutenberg.
19. B L O Q U E S I N C R U S T A D O S
@JAVIDANIA.COM #WPALCALA
Nos ayudarán a mostrar de forma rápida contenidos de terceros.
20. B L O Q U E S C O M P A R T I D O S
@JAVIDANIA.COM #WPALCALA
Se pueden reutilizar una y otra vez.
21. R E C U R S O S
@JAVIDANIA.COM #WPALCALA
Gutenberg Repo - https://github.com/WordPress/gutenberg
Gutenberg Handbook - https://wordpress.org/gutenberg/handbook/
Gutenberg Sketch - https://github.com/Automattic/gutenberg-themes-sketch
Create Guten Block - https://github.com/ahmadawais/create-guten-block
Gutenberg Examples - https://github.com/WordPress/gutenberg-examples
Frontenberg - https://frontenberg.tomjn.com/
Gutenberg Hub - http://gutenberghub.com/
Human Made - https://hmn.md/white-papers/gutenberg-the-new-wordpress-editor/
22. P L U G I N S
@JAVIDANIA.COM #WPALCALA
Gutenberg Manager - https://wordpress.org/plugins/manager-for-gutenberg/
Unregister Gutenberg Blocks - https://wordpress.org/plugins/unregister-gutenberg-blocks/
Stackable - https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/
Caxton - https://wordpress.org/plugins/caxton/
Advanced Gutenberg Blocks - https://wordpress.org/plugins/advanced-gutenberg-blocks/
Gutenkit - https://profiles.wordpress.org/gutenkit#content-plugins
Ultimate Blocks - https://wordpress.org/plugins/ultimate-blocks/
Custom Fields for Gutenberg - https://wordpress.org/plugins/custom-fields-gutenberg/
23. ¡ G R A C I A S A T O D @ S !
V D E V I D A N I A . C O M
@ J A V I D A N I A
# W P A L C A L A