Gutenberg primeros pasos · 2018. 4. 23. · GUTENBERG VS TINY MCE @JAVIDANIA.COM #WPALCALA Una...

Post on 25-Aug-2020

1 views 0 download

Transcript of Gutenberg primeros pasos · 2018. 4. 23. · GUTENBERG VS TINY MCE @JAVIDANIA.COM #WPALCALA Una...

G U T E N B E R GP R I M E R O S P A S O S

@JAVIDANIA.COM #WPALCALA

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

¿ 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

¡ P R U E B A G U T E N B E R G !

@JAVIDANIA.COM #WPALCALA

G U T E N B E R G

@JAVIDANIA.COM #WPALCALA

https://wordpress.org/plugins/gutenberg/

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/

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.

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.

A Ñ A D I R B L O Q U E

@JAVIDANIA.COM #WPALCALA

Desde este ajuste insertaremos nuestros bloques en la entrada.

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.

T O O L B A R S

@JAVIDANIA.COM #WPALCALA

Nos ayudan a la hora de trabajar con los bloques.

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.

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.

B L O Q U E S

@JAVIDANIA.COM #WPALCALA

Existen cinco categorías de bloque.

Common - ComunesFormatting - FormatoLayout - DiseñoWidgets Embed - Incrustados

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.

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.

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.

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.

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.

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.

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/

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/

¡ 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