Gutenberg, el nuevo editor de entradas y páginas para WordPress
Se acerca WordPress en su versión 5.0 y como principal cambio drástico tiene la incorporación de forma nativa de un nuevo editor de entradas y páginas, llamado Gutenberg. Haciendo desaparecer al editor clásico.
El principal problema no es el cambio de interfaz sino el hecho de que no está lo suficientemente bien testado como para ser compatible al 100% con la mayoría de temas y plugins del repositorio de WordPress.
No obstante, no está todo perdido. En caso de querer volver al editor clásico tendremos a nuestra disposición un plugin que deshabilitará la interfaz de Gutenberg, volviendo a ver el editor clásico.
Videotutorial
Reproduce el vídeo y pregúntame en los comentarios del blog cualquier cosa que no hayas entendido.
En este videotutorial te muestro:
01:16 – Página demostrativa WordPress Gutenberg.
– La nueva experiencia Gutenberg
No recomiendo usarlo desde aquí, mejor desde el propio plugin (en WordPress versión 4.9.8)
01:42 – Práctica del editor clasico (Classic Editor), el de toda la vida. Desde Poopy Life (plataforma gratuita para probar WordPress por 24h).
05:57 – Te muestro desde el apartado de escritorio (en Poopy Life) qué nos permite WordPress 4.9.8 experimentar con 2 opciones: Gutenberg y Editor clásico. En realidad en este momento son 2 plugins que puedes encontrar en repositorio WordPress:
– Gutenberg (Por Gutenberg Team)
https://es.wordpress.org/plugins/gutenberg/
– Classic Editor (Por WordPress Contributors)
https://es.wordpress.org/plugins/classic-editor/
Actualización 06-12-2018.
Corrección, el plugin Classic Editor sí permite utilizar tanto la versión clásica del editor (habitual) como la nueva (por bloques Gutenberg), cada vez que creemos contenido para una entrada o página.
09:42 – Pruebo Gutenberg (plugin) en la plataforma de pruebas de CDmon. En la versión de WordPress 4.9.8. Así mismo, hago comparaciones constantes con el editor clásico visto en la plataforma Poopy Life, gratuita por 24h.
11:43 – Consejo importante relacionado con problema de compatibilidad de Gutenberg con los maquetadores visuales (page builders) habituales, por ejemplo: Divi, Elementor, SiteOrigin.
12:29 – Hablo de SiteOrigin, maquetador visual (page builder) que uso yo en mi primer curso en Udemy, el cual es muestra de cómo voy desarrollando mi sitio web propio. Comento que SiteOrigin está desarrollando una herramienta que permitirá migrar nuestra maquetación a un bloque de Gutenberg, gracias a otra herramienta que ya tienen denominada SiteOrigin Layout (que en el vídeo olvide nombrarla), que permitirá ser integrada como bloque Gutenberg. Más info:
– Gutenberg Compatibility in SiteOrigin Page Builder
.- Ver info: Editing Options for Existing Page Builder Content
Dicen que tras ser actualizado WordPress a 5.0 el equipo de SiteOrigin tendrá disponible, tiempo después, una herramienta para migrar la maquetación existente a un bloque de Gutenberg.
14:06 – Publicar o Programar lanzamiento publicación entrada (Gutenberg).
14:29 – En qué parte del título de la entrada (o página) nos permite cambiar la URL del título para poner las palabras clave que ayuden a indexar/posicionar (SEO) tu entrada en buscador Google.
15:22 – Viendo los diferentes tipos de bloques que tenemos y detalles de transformación bloques en otros que prefiramos. Desplazamiento de los bloques.
17:29 – Cómo añadimos más bloques de Gutenberg y qué tipos hay. Icono +.
18:13 – Bloque ‘HTML personalizado’. Creo haber leído* que cuando actualicemos a WordPress 5.0, nuestras antiguas entradas (creadas con el editor clásico) formarán parte de un solo bloque de Gutenberg, que lleva por nombre: ‘HTML personalizado’.
21:08 – Repaso Sidebar/Barra lateral Gutenberg, sus pestañas:
– Documento
– Bloque
21:32 – Documento: enlace permanente. Te permite cambiar más cómodamente la URL para introducir las palabras clave mejor. Esto ayudará a indexar/posicionar mejor tu entrada en buscador Google.
23:07 – Bloque: irá mostrando los detalles de cada bloque seleccionado en el apartado izquierdo de la pantalla.
24:27 – Despedida de este primer vistazo a Gutenberg a finales de noviembre 2018. Pena que lo más interesante lo van a quitar. Es decir, trabajar simultáneamente con el editor Gutenberg o el clásico.
26:33 – No os olvidéis de suscribiros a mi canal de YouTube para estar al día de nuevos vídeos o estrenos. Nos vemos la próxima semana en otro videotutorial.
Y esto es todo, espero que lo hayas entendido y te resulte tan útil como a mí.
Saludos :)
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.