gutenberg wcgranada definitiva - 2018.granada.wordcamp.org · estilos css los bloques de gutenberg...
TRANSCRIPT
G U T E N B E R G
@JAVIDANIA.COM #WCGRANADA
Y L O S T E M A S
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 C G R A N A D A
A P R E N D E G U T E N B E R G . C O M
¿ E S M I T E M A C O M P A T I B L E ?Todos los temas del repositorio son compatibles con Gutenberg
@JAVIDANIA.COM #WCGRANADA
¿ E S M I B U I L D E R C O M P A T I B L E ?Divi, Visual Composer, Site Origin, Elementor, Beaver Builder…
@JAVIDANIA.COM #WCGRANADA
¡ M I T E M A N O E S “ C O M P A T I B L E ” !
@JAVIDANIA.COM #WCGRANADA
E S T I L O S C S SLos bloques de Gutenberg se rigen por dos tres hojas de estilo.
Editor.css Style.css Theme.css
@JAVIDANIA.COM #WCGRANADA
E S T I L O S C S SSe encuentran en la carpeta Block Library del plugin de Gutenberg
@JAVIDANIA.COM #WCGRANADA
E N C O L A R E S T I L O S C O M U N E S
@JAVIDANIA.COM #WCGRANADA
enqueue_block_assets
C L A S E C S S A D I C I O N A LPuedes incluir una clase CSS adicional para dar estilo al bloque.
@JAVIDANIA.COM #WCGRANADA
A D D T H E M E S U P P O R T
add_theme_support( ‘editor-color-palette’ ); add_theme_support( ‘disable-custom-colors’ );add_theme_support( ‘align-wide’ );add_theme_support( ‘editor-font-sizes’ );add_theme_support( ‘disable-custom-font-sizes’ );add_theme_support( ‘editor-styles’ );add_theme_support( ‘dark-editor-style’ );add_theme_support( ‘wp-block-styles’ );add_theme_support( ‘responsive-embeds’ );
@JAVIDANIA.COM #WCGRANADA
P A L E T A D E C O L O R E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-color-palette’ );
A R R A Y P A L E T A D E C O L O R E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-color-palette’ );
P A L E T A D E C O L O R E S P R O P I A
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-color-palette’ );
C L A S E S P A L E T A D E C O L O R E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-color-palette’ );
D E S H A B I L I T A R S E L E C T O R C O L O R
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘disable-custom-colors’ );
A L I N E A M I E N T O S D E I M Á G E N E Sadd_theme_support( ‘align-wide’ );
@JAVIDANIA.COM #WCGRANADA
C L A S E S A L I N E A M I E N T O S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘align-wide’ );
T A M A Ñ O D E F U E N T E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-font-sizes’ );
A R R A Y T A M A Ñ O D E F U E N T E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-font-sizes’ );
C L A S E S T A M A Ñ O S D E F U E N T E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-font-sizes’ );
D E S H A B I L I T A R T A M A Ñ O F U E N T E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘disable-custom-font-sizes’ );
E S T I L O S D E L E D I T O R
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-styles’ );
E S T I L O S D E L E D I T O R O S C U R O
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-styles’ );
add_theme_support( ‘dark-editor-styles’);
E N C O L A R E S T I L O S D E L E D I T O R
@JAVIDANIA.COM #WCGRANADA
enqueue_block_editor_assets
E S T I L O S D E L E D I T O R
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘editor-styles’ );
E S T I L O S D E L O S B L O Q U E S
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘wp-block-styles’ );
I N C R U S T A D O S R E S P O N S I V E
@JAVIDANIA.COM #WCGRANADA
add_theme_support( ‘responsive-embeds’ );
¡ M I T E M A E S “ C O M P A T I B L E ” !
@JAVIDANIA.COM #WCGRANADA
A Ñ A D E A D D _ T H E M E _ S U P P O R Thttps://wordpress.org/plugins/enable-gutenberg-theme-support/
@JAVIDANIA.COM #WCGRANADA
P R U E B A T O D O S L O S B L O Q U E Shttps://wordpress.org/plugins/block-unit-test/
@JAVIDANIA.COM #WCGRANADA
B L O C K T E M P L A T E S
@JAVIDANIA.COM
Son plantillas de bloques predefinidos que irán unidas a Page Templates.
#WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://github.com/WordPress/twentynineteen
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://github.com/WordPress/gutenberg-starter-theme
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://wordpress.org/themes/atomic-blocks/
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://wordpress.org/themes/coblocks/
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://wordpress.org/themes/editor-blocks/
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://wordpress.org/themes/block-lite/
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://wordpress.org/themes/natural-herbs-lite/
@JAVIDANIA.COM #WCGRANADA
T E M A S P A R A G U T E N B E R Ghttps://www.anarieldesign.com/free-food-blogger-wordpress-theme/
@JAVIDANIA.COM #WCGRANADA
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.COM #WCGRANADA
G R A C I A S A T O D @ S
# W C G R A N A D A
@ 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