El editor de WordPress de Gutenberg: 10 cosas que necesita saber
Publicado: 2020-10-23El editor de WordPress de Gutenberg, también conocido como editor de bloques de WordPress, ahora es parte del núcleo de WordPress. ¿Qué significa para usted este nuevo enfoque del editor de WordPress? ¿Qué pasa si ya está utilizando un creador de páginas de WordPress?
En esta guía, analizamos los conceptos básicos del nuevo editor de Gutenberg para WordPress y lo que necesita saber.
¿Qué es el editor de WordPress de Gutenberg?
El editor de WordPress de Gutenberg, también llamado editor de bloques de WordPress, es un nuevo creador de páginas incluido en WordPress 5.0+. El editor de Gutenberg agrega bloques de contenido y una funcionalidad similar a la de un creador de páginas a cada sitio web actualizado de WordPress.
Gutenberg reemplaza el editor clásico de WordPress anterior que usaba TinyMCE (WYSIWYG) como editor de contenido predeterminado para publicaciones y páginas. Con Gutenberg, el contenido se agrega en "bloques" individuales en lugar de dentro de un área de contenido más grande.
Los nuevos bloques de WordPress incluyen todo, desde párrafos, encabezados, listas, imágenes, galerías, incrustaciones y mucho más.
Gutenberg se lanzó con WordPress 5.0, que representó la mayor actualización de WordPress en años. Desde que se lanzó Gutenberg, continúa un debate saludable sobre el nuevo editor de WordPress, que involucra a muchas personas que desarrollan, usan y diseñan sitios web con WordPress.
El propósito de Gutenberg
El objetivo principal del editor de Gutenberg era ayudar a los usuarios a crear publicaciones y páginas con más flexibilidad. También se puede suponer que Gutenberg está destinado a ayudar a WordPress a competir más directamente con otras plataformas de sitios web de creación de páginas.
Para el contexto, aquí hay algunas citas sobre el propósito del nuevo editor de WordPress de Gutenberg.
- "El objetivo del editor de bloques es hacer que la adición de contenido enriquecido a WordPress sea simple y agradable". - De la descripción del complemento de Gutenberg en WordPress.org.
- “Gutenberg es un importante paso adelante para WordPress. Gutenberg permite a WordPress crear diseños de contenido, no solo escribir artículos. Es una de las muchas transiciones que ocurren en WordPress hacia una experiencia de usuario más simplificada ". - Zack Katz, hablando en WordCamp Denver 2017
¿Por qué Gutenberg es un avance para WordPress? El editor visual de WordPress lleva años estancado. Si bien era predecible, no fue exactamente una experiencia fantástica. El objetivo es tener una interfaz más intuitiva para nuevos usuarios como las que ofrecen Wix y Squarespace.
1. El fundador de WordPress, Matt Mullenweg, está completamente detrás de Gutenberg
- En El estado de la palabra 2016, Mullenweg anunció que el editor visual sería uno de los tres enfoques centrales para 2017.
- Matt asumió el cargo de líder del proyecto para Gutenberg a principios de este año y asignó a los empleados de Automattic Matias Ventura y Joen Asmussen para liderar el desarrollo.
- Lea la opinión de Matt sobre Gutenberg aquí: Lo llamamos Gutenberg por una razón.
- También tenga en cuenta que Gutenberg está escrito usando REACT javascript. Con el reciente movimiento de Facebook para volver a licenciar el proyecto bajo la licencia del MIT, Matt Mullenweg anunció que WordPress.com y Gutenberg se reescribirán usando una biblioteca diferente. Aquí hay más información sobre REACT y WordPress.
2. Gutenberg fue el primero en ser un complemento independiente que aún se desarrolla activamente
Antes de que Gutenberg se incorporara a la versión principal de WordPress, Gutenberg se desarrolló primero como un complemento independiente que permitía a los usuarios probarlo y ver cómo cambiaría la forma en que componen y editan contenido dentro de WordPress.
- Hoy en día, el complemento de Gutenberg todavía se desarrolla activamente con actualizaciones semanales.
- El complemento de Gutenberg suele tener varias versiones antes que el núcleo de WordPress, por lo que puede obtener una vista previa de las nuevas funciones del editor de bloques de WordPress antes de que se introduzcan en el núcleo de WordPress.
- Ejecutar el complemento Gutenberg es una excelente manera de obtener las últimas funciones nuevas del editor de bloques de WordPress. También es increíblemente útil para los desarrolladores y aquellos que trabajan con clientes saber qué hay en el horizonte para el editor de bloques.
3. Gutenberg se incorporó a WordPress 5.0 como editor de contenido predeterminado
El 16 de diciembre de 2018, se lanzó WordPress 5.0. Esta versión principal de WordPress incluyó una revisión importante del editor de publicaciones y páginas, presentando a Gutenberg como el editor predeterminado de WordPress.
Como los lanzamientos más esperados y debatidos en la historia de WordPress, el editor de Gutenberg representó una desviación dramática del editor clásico anterior que ha existido desde el inicio de WordPress. Algunos usuarios pueden haber sido tomados por sorpresa por la drástica diferencia del editor de WordPress después de la versión 5.0.
4. Gutenberg también se denomina comúnmente editor de bloques de WordPress.
A medida que ha pasado el tiempo, todavía existe cierta confusión sobre cómo llamar al nuevo editor de WordPress. El nombre del proyecto era Gutenberg, por lo que algunas personas todavía lo llaman Editor de Gutenberg y sus bloques de Gutenberg.
Por otro lado, el nuevo editor se denomina editor de bloques desde la interfaz de usuario de WordPress. La documentación en WordPress.org simplemente lo llama el editor de WordPress.
5. Gutenberg continúa evolucionando y mejorando con cada versión
Desde diciembre de 2018, todas las versiones principales del núcleo de WordPress han incluido nuevas funciones, mejoras y correcciones de errores para Gutenberg Editor. La experiencia de edición ha seguido evolucionando, y en el buen sentido.
Por ejemplo, las principales nuevas funciones y mejoras de WordPress 5.5 estaban relacionadas en gran medida con el editor de bloques. Se siguen abordando mejoras en la interfaz de usuario, accesibilidad, arrastrar y soltar y otros problemas de usabilidad.
6. Los bloques de Gutenberg continúan expandiéndose y mejorando
El objetivo principal de Gutenberg era crear una experiencia de edición de contenido mejor y rica relacionada con la forma en que las publicaciones y las páginas se componen y editan dentro de WordPress. Más allá de eso, la visión de Gutenberg se extiende más allá del editor de publicaciones / páginas en widgets y barras laterales e incluso en el encabezado y pie de página de un sitio web.
Esencialmente, Gutenberg le permite tomar una publicación o página y dividir el contenido en varios "bloques". Por ejemplo, los bloques de WordPress incluyen un bloque de imagen, un bloque de párrafos, un bloque de citas, un bloque de titulares e incluso un bloque de botones. Lea más en Bloques de WordPress: la guía definitiva para los bloques de Gutenberg .
Estos son algunos de los bloques de WordPress predeterminados incluidos con el editor de Gutenberg.
| Bloque de WordPress | Descripción |
|---|---|
| Audio | Inserta un reproductor de audio simple. |
| Botones | Genere conversiones con hermosos botones. |
| Categorías | Muestra una lista de todas las categorías. |
| Clásico | Usa el editor clásico de WordPress |
| Código | Muestre fragmentos de código que respeten el espaciado y las tabulaciones. |
| Columnas | Agregue un bloque que muestre contenido en varias columnas, luego agregue los bloques de contenido que desee. |
| Cubrir | Agrega una imagen o un video con una superposición de texto, ideal para encabezados. |
| Empotrar | Inserte videos, imágenes, tweets, audio y otro contenido de fuentes externas. |
| Expediente | Agregue un enlace a un archivo descargable. |
| Galería | Muestra varias imágenes en una rica galería. |
| Bóveda | Introduzca nuevas secciones y organice el contenido para ayudar a los visitantes (y a los motores de búsqueda) a comprender la estructura de su contenido. |
| Imagen | Inserte una imagen para hacer una declaración visual. |
| Última publicación | Muestra una lista de tus publicaciones más recientes. |
| Lista | Cree una lista numerada o con viñetas. |
| Párrafo | El bloque de construcción de toda narrativa. |
| Extraer cotización | Dale un interés visual especial a una cita de tu texto. |
| Cita | Dar énfasis visual al texto citado. |
| Más | Agrega un elemento "Leer más" |
| Separador | Crea una pausa entre ideas o secciones con un separador horizontal. |
| Código corto | Inserte elementos personalizados adicionales con códigos cortos de WordPress. |
| Espaciador | Agregue espacios en blanco entre bloques y personalice la altura. |
7. Puede desactivar Gutenberg, pero tal vez no para siempre
¿No te gusta el editor de Gutenberg? Puede haber ocasiones en las que descubra que el nuevo editor de bloques no es exactamente compatible con su tema o complementos existentes que ejecutan su sitio. La buena noticia es que puede volver al editor clásico usando un complemento llamado ... lo adivinó, es el Editor clásico.
Classic Editor es un complemento oficial mantenido por el equipo de WordPress que restaura el editor de WordPress anterior ("clásico") y la pantalla "Editar publicación". Hace posible usar complementos que extienden esa pantalla, agregan metacajas de estilo antiguo o dependen del editor anterior.
Según el equipo de WordPress, Classic Editor es un complemento oficial de WordPress que solo será totalmente compatible y se mantendrá hasta al menos 2022. Aunque recientemente agregaron "o durante el tiempo que sea necesario".
Aquí encontrará más información sobre cómo utilizar el editor clásico con WordPress.
8. Gutenberg ahora tiene un directorio de bloques de terceros
El directorio de bloques de WordPress es una nueva forma en que los usuarios de WordPress pueden descubrir, instalar y probar bloques de WordPress de terceros desde el editor de bloques de WordPress. Introducido en WordPress 5.5, el directorio de bloques de WordPress facilita la búsqueda del bloque de WordPress que mejor se adapte a sus necesidades.
Basado en una discusión sobre cómo los complementos de bloque deben distinguirse de otros complementos en el Directorio de complementos de WordPress.org, el nuevo Directorio de bloques se creó como una sección dentro del Directorio de complementos que contiene solo complementos de un solo bloque. El nuevo directorio de bloques de WordPress está separado del directorio de complementos principal, por lo que está navegando por los complementos normales de WordPress o los complementos de un solo bloque.
Un complemento de un solo bloque está destinado a ser un complemento relativamente pequeño y simple que proporciona un solo bloque de Gutenberg, por lo que el complemento es el bloque.
Ahora en WordPress 5.5, es más fácil que nunca encontrar el bloque que necesita. El nuevo directorio de bloques de WordPress está integrado en el editor de bloques , por lo que puede instalar nuevos tipos de bloques en su sitio sin tener que salir del editor.
Simplemente use el icono "+" en la parte superior izquierda de la página para usar el nuevo insertador de bloques y buscar los bloques disponibles. Esté atento a que el directorio de bloques realmente despegue en el futuro, ya que todavía parece bastante nuevo (todavía no hay muchas opciones; apenas hay revisiones).
9. Nuevos patrones de bloques allanan el camino para la creación de páginas completas
En WordPress 5.5, el editor de bloques introduce un nuevo concepto llamado patrones de bloques . Con los patrones de bloques, ahora puede crear y compartir diseños de bloques predefinidos. Los patrones de bloques realmente allanan el camino para que el editor de bloques se convierta en un creador de páginas. Esté atento a los patrones de bloques para despegar a medida que el editor de bloques continúa evolucionando en esta dirección.
Puede encontrar los patrones de bloques registrados utilizando el icono "+" en la esquina superior izquierda de la pantalla. Ahora verá una pestaña de Bloques y Patrones (más Reutilizable, si tiene alguna), por lo que puede cambiar entre estas opciones. Luego, puede agregar patrones de bloque a su publicación / página como cualquier otro bloque.
Los nuevos patrones de bloques facilitan la creación de diseños de publicaciones y páginas complejos y hermosos, utilizando combinaciones de bloques que puede mezclar y combinar. También encontrará patrones de bloques en una amplia variedad de complementos y temas, y se agregan más todo el tiempo.
Pantalla de lanzamiento de WordPress 5.5
WordPress 5.5 viene con una serie de patrones de bloques integrados, pero también es posible que los complementos y temas de terceros registren patrones de bloques adicionales o eliminen los existentes. Para ver los patrones de bloques en acción, consulte el tema predeterminado Twenty Twenty. Twenty Twenty siempre es un buen tema para instalar en un servidor de desarrollo, ya que realmente destaca lo que es posible con la última versión de WordPress.
10. Gutenberg cambia la necesidad de códigos cortos de WordPress
Antes del editor de bloques de WordPress, los códigos cortos de WordPress eran una de las mejores cosas para usar en el editor de WordPress para facilitar la adición de funciones de complementos y temas a páginas, publicaciones y otras secciones de un sitio web de WordPress.
Con el cambio al editor de bloques, ¿qué significa esto para la mayoría de los complementos y sitios web más antiguos que todavía están llenos de códigos cortos? ¿Seguirán funcionando los códigos cortos de WordPress? ¿Hay alguna manera de pasar fácilmente del uso de códigos cortos de WordPress a bloques de WordPress?
En pocas palabras, el editor de bloques de WordPress tiene importantes implicaciones para los códigos cortos. El editor de bloques de WordPress cambia fundamentalmente la necesidad y el propósito de los códigos cortos para la mayoría de los complementos y temas. Con un sistema de edición basado en bloques, cada "elemento" de la página tiene su propio bloque, en lugar de estar contenido en un editor WYSIWYG editable.
Artículos destacados sobre el editor de WordPress de Gutenberg
Esta es una colección de los mejores artículos sobre Gutenberg que he leído hasta la fecha.
Chris Lema habla de Gutenberg
http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/
Extracto:
- “Si vamos a resolver un problema con este complemento, ¿no debería ser la disonancia cognitiva que tienen las personas cuando editan en una interfaz y ven que su producto de trabajo aparece en una interfaz diferente que no parece que pensaran? ¿haría?"
Respuesta de Beaver Builder a Gutenberg
Extracto:
- “En resumen, ¡estamos muy emocionados y apoyamos a Gutenberg! Nuestra esperanza es que el proyecto continúe evolucionando hasta convertirse en algo que Beaver Builder pueda abrazar y extender. Hemos estado colaborando con el equipo central en el proyecto y hemos estado especulando, tanto con optimismo como con cautela, sobre el impacto potencial de Gutenberg en nuestro negocio y el espacio de WordPress en general. Imagínese si los “bloques” de Gutenberg fueran intercambiables con los módulos de Beaver Builder, o si pudiera arrastrar una fila guardada a una página de Gutenberg. O el editor de texto de Gutenberg podría usarse en línea en Beaver Builder. Mucho potencial divertido, ¿verdad? "
Temas elegantes
Extracto:
- “Al mirar el debate, es importante recordar que cada cambio traerá algo de inercia y resistencia. WordPress necesita avanzar para competir en un entorno cambiante. Sin embargo, eso no significa que las preocupaciones expresadas no sean válidas y no necesiten ser abordadas. Afortunadamente, los desarrolladores están haciendo todo lo posible para lograrlo. Sin embargo, al ver cuántas personas están preocupadas y se sienten excluidas, tal vez sea necesaria alguna comunicación adicional ".
Una revisión bastante mordaz sobre WPMU
Éste no tira golpes.
Extracto:
- “Si bien los desarrolladores que trabajan en el complemento del editor de Gutenberg obviamente han puesto mucho trabajo en la creación del complemento y los felicito por sus esfuerzos hasta ahora, la verdad es que este complemento no está ni cerca de estar listo para ser incluido en WordPress y necesita mucho más trabajo, en particular, el trabajo de UX ".
Yoast sugiere un curso alternativo para Gutenberg
Se señalan algunos problemas importantes y se sugieren soluciones.
Extracto:
- “Estamos muy entusiasmados con la idea de los bloques, pero tenemos grandes preocupaciones sobre algunas de las opciones técnicas y la velocidad del proceso de implementación. También nos preocupa la falta de prioridad dada a los problemas de accesibilidad en el proyecto. Pero lo más importante es que nos preocupa mucho el hecho de que los complementos no puedan integrarse con el nuevo editor ".
Yoast habla sobre conceptos para integrar su complemento con Gutenberg
Aquí hay una pista que podrían seguir otros desarrolladores de complementos.
https://yoast.com/gutenberg-integration/
Extracto:
- “Empezamos analizando todas nuestras funciones y viendo dónde podíamos integrarlas en Gutenberg. No creemos que mantener un solo cuadro masivo debajo del editor sirva mejor a nuestros clientes. Preferimos integrarnos justo donde ocurre la acción, y Gutenberg nos ofrece esa oportunidad ".
Josh Pollock de Caldera Forms
Cinco formas en las que quiere que se demuestre que está equivocado sobre Gutenberg:
Extracto:
- “Esta es una gran decisión sobre el futuro de WordPress. Creo que nosotros, como comunidad, lo haremos bien, pero se necesitarán muchas pruebas, iteraciones y discusión para hacerlo bien ".
Conclusión: ¿Qué debería hacer con Gutenberg?
- Darle una oportunidad. Conozca Gutenberg por sí mismo. Pruébelo en un sitio de prueba o en su sitio en vivo (sí, es lo suficientemente estable). Vea lo que le gusta y lo que no le gusta.
- Enviar comentarios. El complemento de Gutenberg agregó recientemente un enlace de Comentarios debajo de su elemento de menú de la barra lateral. Tómese su tiempo y ofrezca observaciones bien pensadas sobre su experiencia con Gutenberg. "Ustedes son unos idiotas" no es lo que están buscando.
- Que no cunda el pánico. Mucha gente buena está discutiendo mucho sobre esto. El editor de bloques continúa mejorando y, si bien lleva un tiempo acostumbrarse, ahora estamos de acuerdo en que la adopción total del nuevo editor ha sido una buena decisión.
Más recursos del Editor de bloques de WordPress (Editor Gutenberg)
Bloques reutilizables de WordPress: la guía definitiva
Los bloques reutilizables de WordPress son una característica poderosa del editor de bloques de WordPress. Los bloques reutilizables le permiten guardar rápidamente cualquier bloque de WordPress que utilice con frecuencia. Lee mas …
El directorio de bloques de WordPress: la guía esencial
Introducido en WordPress 5.5, el directorio de bloques de WordPress facilita la búsqueda del bloque de WordPress que mejor se adapte a sus necesidades. Lee mas …
Bloques de WordPress: la guía definitiva para los bloques de Gutenberg
Con los bloques de WordPress, también conocidos como bloques de Gutenberg, los usuarios pueden experimentar una forma más fácil de crear contenido enriquecido en publicaciones y páginas de una manera verdaderamente visual. Lee mas …
Kristen ha estado escribiendo tutoriales para ayudar a los usuarios de WordPress desde 2011. Por lo general, puede encontrarla trabajando en nuevos artículos para el blog iThemes o desarrollando recursos para #WPprosper. Fuera del trabajo, a Kristen le gusta llevar un diario (¡ha escrito dos libros!), Hacer caminatas y acampar, cocinar y las aventuras diarias con su familia, con la esperanza de vivir una vida más presente.
