![Page 1: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/1.jpg)
G U T E N B E R GD E S D E T R E S P U N T O S D E V I S T A 2 0 2 0
@JAVIDANIA #WCVLL
![Page 2: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/2.jpg)
@JAVIDANIA #WCVLL
2 1 A B R 2 0 1 8 W O R D C A M P M A D R I D 2 0 1 8
![Page 3: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/3.jpg)
@JAVIDANIA #WCVLL
0 7 D I C 2 0 1 8 E L F I N D E L M U N D O W P
![Page 4: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/4.jpg)
@JAVIDANIA #WCVLL
2 9 F E B 2 0 2 0 B L O Q U E S 4 A L L
![Page 5: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/5.jpg)
Diseñadores Desarrolladores Usuarios
@JAVIDANIA #WCVLL
G U T E N B E R G N O S A F E C T A A T O D O S
![Page 6: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/6.jpg)
@JAVIDANIA #WCVLL
D I S E Ñ A D O R E S
![Page 7: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/7.jpg)
Estilos de los bloques por defecto del core de WordPressAlineamiento amplio y completo de los bloquesPaleta de color personalizadaTamaño de fuente personalizadaDeshabilitar color personalizado, tamaño de fuenteEstilo oscuro del editorEncolar estilos en el editor Cambiar el ancho del editor Contenidos incrustados responsive
@JAVIDANIA #WCVLL
A D D T H E M E S U P P O R T
![Page 8: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/8.jpg)
B L O C K G R A D I E N T S
@JAVIDANIA #WCVLL
add_theme_support(‘editor-gradient-presets’);
![Page 9: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/9.jpg)
E S T I L O S D E B L O Q U E
@JAVIDANIA #WCVLL
![Page 10: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/10.jpg)
P L A N T I L L A S D E B L O Q U E
@JAVIDANIA #WCVLL
![Page 11: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/11.jpg)
T E M A T W E N T Y T W E N T Y
@JAVIDANIA #WCVLL
https://wordpress.org/themes/twentytwenty/
![Page 13: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/13.jpg)
@JAVIDANIA #WCVLL
T E M A S D E W P E N E L F U T U R O
![Page 14: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/14.jpg)
E D I C I Ó N S I T I O C O M P L E T O
@JAVIDANIA #WCVLL
Tema + bloques + plantillas de bloques
![Page 15: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/15.jpg)
E D I C I Ó N S I T I O C O M P L E T O
@JAVIDANIA #WCVLL
Theme-style.css-functions.php-block-templates
index.htmlsingle.htmlarchive.html
-block-template-partsheader.htmlfooter.htmlsidebar.html
![Page 16: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/16.jpg)
@JAVIDANIA #WCVLL
D E S A R R O L L A D O R E S
![Page 17: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/17.jpg)
A P R E N D E J A V A S C R I P T
@JAVIDANIA #WCVLL
JavaScript + React + WordPress = Win Win Win
![Page 18: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/18.jpg)
title *descriptioncategory *iconkeywordsstylesattributes
@JAVIDANIA #WCVLL
examplevariationstransformsparentsupportsedit *save *
R E G I S T E R B L O C K T Y P E ( )
![Page 19: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/19.jpg)
¿ Q U É D E B O A P R E N D E R ?
Block API - función registerBlockType();
Filter Reference - Hooks (Actions & Filters)
SlotFills - Componentes del editor (Ajustes del bloque, Sidebar, etc)
RichText - Estilo y formato de los bloques editables
@JAVIDANIA #WCVLL
![Page 20: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/20.jpg)
B L O C K E D I T O R H A N D B O O K
@JAVIDANIA #WCVLL
https://developer.wordpress.org/block-editor/
![Page 22: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/22.jpg)
U S U A R I O S
@JAVIDANIA #WCVLL
![Page 23: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/23.jpg)
I N S T A L A E L P L U G I N G U T E N B E R G
@JAVIDANIA #WCVLL
https://wordpress.org/plugins/gutenberg/
![Page 24: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/24.jpg)
I N S T A L A E L P L U G I N E D I T O R S K I T
@JAVIDANIA #WCVLL
https://wordpress.org/plugins/block-options/
![Page 25: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/25.jpg)
B L O Q U E D E G R U P O + C O L U M N A S
@JAVIDANIA #WCVLL
![Page 26: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/26.jpg)
Gutenberg Blocks - Ultimate Add Ons +200k InstalacionesCoBlocks +100k InstalacionesKadence Blocks +50k Instalaciones Atomic Blocks +30k Instalaciones Otter Blocks +30k InstalacionesAdvanced Gutenberg (Joom United) +20k InstalacionesStackable +10k InstalacionesUltimate Blocks +7k InstalacionesPremium Blocks +4k Instalaciones
@JAVIDANIA #WCVLL
C O L E C C I O N E S D E B L O Q U E S
![Page 27: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/27.jpg)
G E S T O R D E B L O Q U E S
@JAVIDANIA #WCVLL
![Page 28: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/28.jpg)
L I B R E R Í A S D E B L O Q U E S
@JAVIDANIA #WCZGZ
![Page 29: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/29.jpg)
S H A R E A B L O C K
@JAVIDANIA #WCZGZ
29 plantillas de bloques - https://shareablock.com/
![Page 30: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/30.jpg)
U S U A R I O S D E W P E N E L F U T U R O
@JAVIDANIA #WCVLL
![Page 31: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/31.jpg)
D I R E C T O R I O D E B L O Q U E S
@JAVIDANIA #WCVLL
![Page 32: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/32.jpg)
B L O Q U E D E N A V E G A C I Ó N
@JAVIDANIA #WCVLL
![Page 33: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/33.jpg)
E L F U T U R O D E W O R D P R E S SAl final tod@s acabaremos amando Gutenberg.
@JAVIDANIA #WCVLL
![Page 34: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/34.jpg)
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
A P R E N D E G U T E N B E R G . C O M
# W C V L L
![Page 35: GUTENBERG - WordCamp Valladolid 2020 · Estilos de los bloques por defecto del core de WordPress Alineamiento amplio y completo de los bloques Paleta de color personalizada Tamaño](https://reader036.vdocuments.mx/reader036/viewer/2022081517/5fc9fad4eb30386adb16b36c/html5/thumbnails/35.jpg)
G R A C I A S A T O D @ S
# W C V L L
@ J A V I D A N I A
A P R E N D E G U T E N B E R G . C O M
V D E V I D A N I A . C O M