SlideShare una empresa de Scribd logo
Raúl Martínez
08.05.2018
@ffreaker
Versión 2.8
Se puede usar como plugin de momento
En la versión 5.0 se integrará en Core
Estado del proyecto
Compatibilidad
https://plugincompat.danielbachhuber.com
Todo en Gutenberg son
bloques
1 bloque = 1 funcionalidad
Blocks
¿ Cómo le afecta a … ?
¿ Cómo le afecta a creadores de contenido ?
Deberá estructurar el contenido de forma que este se piense en bloques.
Para contenido creado anterior a Gutenberg, deberá
refactorizarlo
classic text block
¿ Cómo le afecta a … ?
¿ Cómo le afecta a diseñadores ?
Deberá estructurar el contenido de forma que este se piense en bloques.
Para contenido anterior, deberá refactorizarlo (classic text block).
¿ Cómo le afecta a … ?
¿ Cómo le afecta a desarrolladores ?
Desarrollos legacy: decidir si se actualiza o no
Desarrollos nuevos: Implica una nueva forma de pensar a la hora de
programar.
Plugins
Temas
¿ Cómo se hace un bloque nuevo de Gutenberg ?
PHP
Fichero del plugin
Fichero del bloque
Javascript
Registrar bloque
Método ‘edit’
Método ‘save’
WordPress Granollers:  Gutenberg
¿ Cómo migrar contenido ?
Podemos necesitar migrar contenido desde:
ACF (Advanced Custom Fields)
Editor antiguo
Shortcodes a blocks
Enlaces de interés
Crear bloque custom:
https://neliosoftware.com/es/blog/crear-primer-bloque-gutenberg/
Desarrollo de temas para Gutenberg
https://github.com/WordPress/gutenberg-starter-theme
Migración de contenidos
https://vipgutenberg.com/lessons/converting-custom-content-to-blocks/
Probar Gutenberg
https://testgutenberg.com/
WordPress Granollers:  Gutenberg
Soy Raúl
@ffreaker
Developer
Mi primera vez fue con WordPress 3.5
WPGranollers / WCBarcelona coorganizador

Más contenido relacionado

PDF
Buenas prácticas para extender proyectos con WordPress
PPTX
DN11_U3_A6_OGY
PDF
[Measure Camp Madrid 2019] Google Tag Manager - Custom Templates (Plantillas ...
PDF
Introducción a la programación para joomla
ODP
Seo en wordpress para periodistas
PPT
OAs editores
PPT
Licencia creative commons y GNU/GPL
PDF
Introduccción a la programación en Joomla!
Buenas prácticas para extender proyectos con WordPress
DN11_U3_A6_OGY
[Measure Camp Madrid 2019] Google Tag Manager - Custom Templates (Plantillas ...
Introducción a la programación para joomla
Seo en wordpress para periodistas
OAs editores
Licencia creative commons y GNU/GPL
Introduccción a la programación en Joomla!

La actualidad más candente (6)

PPTX
Canal de radio en el blog
PDF
¡This is drupal! - Global Training Days
PDF
1. Objetivos del curso de GIT y GITHUB.
PDF
1. Introducción al HTML.
PDF
PDF
Las 7 claves para bloggers
Canal de radio en el blog
¡This is drupal! - Global Training Days
1. Objetivos del curso de GIT y GITHUB.
1. Introducción al HTML.
Las 7 claves para bloggers
Publicidad

Similar a WordPress Granollers: Gutenberg (20)

PDF
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
PDF
Nuevo Html5 ..
PDF
Articulo
PDF
Html5
PPTX
Conceptos-HTML-y-JavaScript-Bloque-0-Introduccion-a-nuestro-entorno-de-desarr...
PPT
Diseño De Interfaces Web
PDF
Gestionar mis proyectos con ayuda de CodeIgniter
PDF
Clase_01_principios_de_programnbbbbbbvbbvbbvbbbbbbbbbbvbbacion.pdf
PPTX
John ferney rozo roa
PDF
Congreso web
PPTX
Gutenberg sin miedo
PDF
Archivo de-educacion
PDF
PDF
curso html
PDF
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
PDF
Html5
PDF
Manual de HTML5 en español
PDF
Manual html5
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018
Nuevo Html5 ..
Articulo
Html5
Conceptos-HTML-y-JavaScript-Bloque-0-Introduccion-a-nuestro-entorno-de-desarr...
Diseño De Interfaces Web
Gestionar mis proyectos con ayuda de CodeIgniter
Clase_01_principios_de_programnbbbbbbvbbvbbvbbbbbbbbbbvbbacion.pdf
John ferney rozo roa
Congreso web
Gutenberg sin miedo
Archivo de-educacion
curso html
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
Html5
Manual de HTML5 en español
Manual html5
Publicidad

Más de Raúl Martínez (8)

PDF
WordPress Granollers: Multiidioma en WordPress redux
PPTX
WordPress Granollers: Personaliza tu tema...sin morir en el intento
PDF
WordPress Granollers: Copias de seguridad...y vive tranquilo!
PDF
WordCamp Barcelona 2016 - Plugins para TinyMCE
PDF
WordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.org
PDF
WordPress Granollers: Multiidioma en WordPress
PDF
(MoodleMoot 2014 Spain): Descubre el fichero de configuración de Moodle
PDF
Moodle 2.8: novedades
WordPress Granollers: Multiidioma en WordPress redux
WordPress Granollers: Personaliza tu tema...sin morir en el intento
WordPress Granollers: Copias de seguridad...y vive tranquilo!
WordCamp Barcelona 2016 - Plugins para TinyMCE
WordCamp Sevilla 2016 - Creación de un plugin con subida a WordPress.org
WordPress Granollers: Multiidioma en WordPress
(MoodleMoot 2014 Spain): Descubre el fichero de configuración de Moodle
Moodle 2.8: novedades

Último (9)

PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
Fundamentos de Python - Curso de Python dia 1
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PDF
Presentacion de compiladores e interpretes
PPTX
Control de seguridad en los sitios web.pptx
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Implementación equipo monitor12.08.25.pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Fundamentos de Python - Curso de Python dia 1
AutoCAD Herramientas para el futuro, Juan Fandiño
Presentacion de compiladores e interpretes
Control de seguridad en los sitios web.pptx
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
Conceptos basicos de Base de Datos y sus propiedades
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Implementación equipo monitor12.08.25.pptx

WordPress Granollers: Gutenberg

  • 2. Versión 2.8 Se puede usar como plugin de momento En la versión 5.0 se integrará en Core Estado del proyecto
  • 4. Todo en Gutenberg son bloques 1 bloque = 1 funcionalidad Blocks
  • 5. ¿ Cómo le afecta a … ?
  • 6. ¿ Cómo le afecta a creadores de contenido ? Deberá estructurar el contenido de forma que este se piense en bloques. Para contenido creado anterior a Gutenberg, deberá refactorizarlo classic text block
  • 7. ¿ Cómo le afecta a … ?
  • 8. ¿ Cómo le afecta a diseñadores ? Deberá estructurar el contenido de forma que este se piense en bloques. Para contenido anterior, deberá refactorizarlo (classic text block).
  • 9. ¿ Cómo le afecta a … ?
  • 10. ¿ Cómo le afecta a desarrolladores ? Desarrollos legacy: decidir si se actualiza o no Desarrollos nuevos: Implica una nueva forma de pensar a la hora de programar. Plugins Temas
  • 11. ¿ Cómo se hace un bloque nuevo de Gutenberg ? PHP Fichero del plugin Fichero del bloque Javascript Registrar bloque Método ‘edit’ Método ‘save’
  • 13. ¿ Cómo migrar contenido ? Podemos necesitar migrar contenido desde: ACF (Advanced Custom Fields) Editor antiguo Shortcodes a blocks
  • 14. Enlaces de interés Crear bloque custom: https://neliosoftware.com/es/blog/crear-primer-bloque-gutenberg/ Desarrollo de temas para Gutenberg https://github.com/WordPress/gutenberg-starter-theme Migración de contenidos https://vipgutenberg.com/lessons/converting-custom-content-to-blocks/ Probar Gutenberg https://testgutenberg.com/
  • 16. Soy Raúl @ffreaker Developer Mi primera vez fue con WordPress 3.5 WPGranollers / WCBarcelona coorganizador

Notas del editor