Lo que debe saber sobre el editor de WordPress de Gutenberg

El editor de Gutenberg WordPress estará entre los aspectos más integrales del núcleo de WordPress. Pero, ¿qué significa esto para los propietarios de sitios web? ¿Qué pasa si un usuario ya está usando un creador de páginas? Estaremos respondiendo estas preguntas y más en esta guía. Además, estaremos hablando de los conceptos básicos de Gutenberg. Además, hablaremos de todo lo que necesitas saber sobre la última versión. Mientras tanto, aquí hay complementos de creación de páginas para facilitar el diseño de WordPress.

Comprender el editor de WordPress de Gutenberg

Gutenberg WordPress editor es un nuevo editor visual. Además, se diseñó para incorporarse al núcleo de WordPress. Gutenberg ayuda agregando funcionalidades como creadores de páginas, pero con bloques de contenido agregados. Por ejemplo, podría restablecer a TinyMCE como uno de los editores de contenido predeterminados.

No obstante, a medida que lo use, notará que el contenido se agrega en varios tipos de bloques. Además, la adición comienza directamente desde el back-end de WordPress.

Además , Gutenberg es más que un simple editor. Agrega personalización a toda la experiencia de publicación de contenido. Permite al usuario crear un diseño moderno. Además, ofrece una mejor experiencia de edición. Además, construye una base para el futuro de los sitios web de WordPress. Gutenberg está listo para ser lanzado en WordPress 5.0.

El propósito principal del editor de WordPress de Gutenberg

Veamos los propósitos principales de Gutenberg desde una perspectiva de funcionalidad.

El uso principal es hacer que la experiencia de 'agregar contenido enriquecido a WordPress' sea más divertida y emocionante.

Es un paso crucial en la evolución de WordPress. Sin Gutenberg, la funcionalidad nativa de WordPress solo incluye un editor de texto básico para artículos. Además, con Gutenberg, los usuarios de WordPress pueden crear diseños de contenido atractivos. Además, Gutenberg se encuentra entre muchas transiciones significativas para simplificar la experiencia del usuario de WordPress.

¿Se está preguntando sobre el debate en curso sobre Gutenberg? Luego, siga leyendo mientras discutimos esto con más detalle.

Matt Mullenweg es la figura prominente detrás de Gutenberg

Según el anuncio de Mullenweg en el 'State of the Word 2016', Gutenberg es un editor visual. Sin embargo, es uno de los tres principales enfoques centrales para el futuro de WordPress. A principios de 2017, Mullenweg se hizo cargo de Gutenberg como líder del proyecto. Pero, para un mayor desarrollo, Mullenweg contrató a Joen Asmussen y Matias Ventura. Los contrata como empleados automáticos. Por lo tanto, si desea leer más sobre Gutenberg en Mullenweg, debe visitar 'Lo llamamos Gutenberg por una razón'.

Es muy fácil agregar Gutenberg a su sitio de WordPress descargándolo como un complemento de WordPress, que encontrará en el directorio de complementos de WordPress.
El complemento de Gutenberg se actualiza semanalmente, a medida que se agregan funciones nuevas y mejoradas. Sin embargo, toma nota de la descripción de este complemento. Todavía es un software beta y debe usarse con el cuidado adecuado. Como se indicó anteriormente, es probable que este editor se integre en WordPress 5.0.

Gutenberg todavía se está implementando

Esto es lo que necesita saber sobre las próximas funciones de Gutenberg.

• Gutenberg aún no está terminado. Actualmente se están implementando varias características de Gutenberg. Junto con eso, la nueva versión ha realizado mejoras en las funciones y la interfaz de usuario implementadas anteriormente.
• No se preocupe si Gutenberg actualmente no funciona correctamente para usted. Los problemas se están abordando a medida que el equipo continúa desarrollándolo.
• El editor está siendo escrito con la ayuda de React JavaScript. Sin embargo, considerando el acto actual de Facebook de volver a otorgar la licencia del proyecto bajo el nombre de licencia MIT, el Sr. Matt anunció que Gutenberg y wordpress.com se reescribirían con una biblioteca diferente. Esto retrasará el progreso de Gutenberg por un tiempo.

Incrustaciones y bloques de Gutenberg

Para personalizar el diseño y el contenido, Gutenberg ofrece una variedad de bloques.

Aquí están los Embeds ofrecidos por Gutenberg.

Los pros de Gutenberg

Estos son algunos de los grandes beneficios de incorporar Gutenberg con WordPress 5.0.

Progreso del editor visual de WordPress

• Durante años, el editor visual de WordPress ha sido bastante soso.
• El propósito de Gutenberg es integrar una interfaz que sea altamente intuitiva para los usuarios. Está diseñado para ayudar a WordPress a competir con otros editores visuales como Squarespace y Wix.

Un movimiento inteligente para almacenar información de bloques mediante el uso de comentarios HTML

• Gutenberg almacena información de bloques en comentarios HTML.
• Estos comentarios no se representan activamente en las páginas en vivo del sitio y solo se pueden ver en el backend del sitio.

Puede deshabilitar Gutenberg fácilmente sin romper el sitio

• A diferencia de cualquier otro editor de páginas, puede desinstalar fácilmente este editor visual: Gutenberg sin romper el sitio.
• No hay posibilidad de perder bloques organizados anteriormente al reactivar Gutenberg. Los comentarios HTML siempre se conservan en el contenido.
• Debe tener en cuenta que, si Gutenberg está desactivado, la fuente de la página puede mostrar los comentarios HTML.

Mejor ejecución de la rutina de copiar/pegar

• En versiones anteriores de Gutenberg, la implementación de copiar/pegar era nada menos que un desastre. Además, el formateo solía perderse en todo este proceso, pero ya no es así.
• Pegar listas, encabezados, párrafos, etc. terminan en el tipo de bloques apropiado, que Gutenberg construye automáticamente.
• También se conservan las marcas de texto, como la cursiva y la negrita.

Fuerte salida HTML5

• Gutenberg usa etiquetas HTML 5 como figura y sección para bloquear el contenido de salida.
• Con la ayuda de etiquetas HTML 5, se puede crear contenido preparado para el futuro en Gutenberg.

Bloques fáciles de escribir

• Para producir contenido personalizado, los desarrolladores pueden crear sus propios bloques personales.
• Hay muchos recursos en línea disponibles para obtener más información sobre cómo escribir un bloque en Gutenberg.

Los contras de usar Gutenberg

No más composición en el navegador.

• El enfoque de la interfaz de usuario de Gutenberg está en el diseño de contenido en lugar de la creación de contenido.
• Los viejos días de los desarrolladores de componer contenido usando la ventana de publicación han terminado.

Puede encontrar que la interfaz de usuario es un poco torpe

• Algunas tareas simples pueden requerir más acciones que en el pasado. A medida que actualice una página, tendrá que hacer clic dos veces y no uno. Hay algunos íconos anodinos disponibles que no tienen muchas pistas sobre su funcionalidad exacta.
• En el caso de pantallas más pequeñas, el diseño de tres columnas puede resultar confuso cuando el usuario se desplaza hacia abajo. Estas tres columnas incluyen el editor de Gutenberg, el menú de administración y la barra lateral de Gutenberg. Esto es particularmente cierto si el tamaño de su pantalla es de 12” o menos.
• Al lado y debajo del editor, los cuadros meta no son visibles en la configuración extendida.

Los párrafos no tienen códigos cortos

• Por ahora, no hay posibilidad de ejecución de shortcodes en bloques de párrafo o columnas de texto.
• Para ponerlos a trabajar, deben incorporarse en el bloque de shortcode.
• Si el shortcode produce algún contenido en línea, como el año o cualquiera de las llamadas a la acción en línea, esto podría crear algunos problemas.
• Tenga en cuenta que los códigos abreviados en publicaciones/páginas pueden seguir funcionando incluso cuando Gutenberg está integrado en un sitio existente. Los desarrolladores han hecho un mejor trabajo para garantizar que la plataforma actual no se rompa.

No hay otras incrustaciones o imágenes en los párrafos.

• En Gutenberg, las imágenes necesitan su bloque. Por lo tanto, no puede envolver texto alrededor de ninguna imagen.
• Del mismo modo, las incrustaciones como video o audio también necesitan su bloqueo. De lo contrario, es posible que las incrustaciones de Vimeo, YouTube, etc. ya no funcionen en columnas de texto o párrafos de Gutenberg.

Principales problemas de accesibilidad (al menos por ahora)

• Por ahora, Gutenberg enfrenta problemas de accesibilidad. Puede haber algunos problemas importantes para acceder a él mediante el back-end del editor. Esto también se aplica a la salida de contenido en la interfaz (es decir, CSS en línea).
• Antes del lanzamiento final, es probable que el equipo de accesibilidad de WP resuelva estos problemas.
  - En general, la accesibilidad es la prioridad para WordPress.
  - Dado que el CSS en línea se conserva actualmente en los comentarios HTML antes de mostrarse en la interfaz, la forma en que los desarrolladores abordarán este problema ahora es una gran pregunta.

Los temas más antiguos no abordan la salida de HTML 5

• El editor bloquea el contenido de salida con el uso de etiquetas HTML 5 como figura y sección.
• Muchos temas antiguos no poseen CSS para abordar el estilo de las etiquetas. Por lo tanto, el relleno o los márgenes de dichas etiquetas pueden no existir.
• Gutenberg en sí mismo no tiene hojas de estilo propias para dar cuenta de esto.

Aún queda mucho por resolver con Gutenberg

La relación entre los temas y el editor de Gutenberg:

• Como se indicó anteriormente, Gutenberg tiene más que ver con el contenido que con el estilo general. Todavía puede agregar algunos colores de fondo para los bloques, pero esto se ejecuta más como un estilo en línea.
• Por ahora, los márgenes y los rellenos de bloque no se abordan.
• Otros creadores de páginas de WordPress permiten al usuario ajustar fácilmente el control sobre columnas, filas, espaciado, etc. Actualmente, Gutenberg depende de un tema para esto.
• Con respecto al soporte del tema de Gutenberg, hay muy poca información en los documentos. Esto también incluye un amplio soporte de imágenes, soporte de bloques y soporte de paleta de colores.
• Hay un poco de información en los documentos sobre la aplicación de estilos al editor de Gutenberg y el uso de hojas de estilo.
• El principal problema es que Gutenberg aún tiene que resolver problemas para los novatos en desarrollo/diseño web. Son la audiencia a la que Gutenberg pretende ayudar, pero la mayoría de estas personas no tienen idea de cómo funciona la relación entre los temas y el sistema de WordPress.

¿Cómo se incorporará Gutenberg al núcleo de WordPress?

Hasta ahora, la indicación apunta en la dirección de que Gutenberg será parte del núcleo de WordPress. Se espera que la versión 5.0 de WordPress se lance en 2018.
Si se pregunta si el editor estará habilitado de forma predeterminada o si puede deshabilitarse por elección, estas preguntas aún no se han respondido. En este punto, nada se puede decir con certeza. Tal vez el editor se ejecutará de la misma manera que la API REST (activada de forma predeterminada). Además, se puede deshabilitar fácilmente mediante el uso de un complemento de un solo propósito o diferentes complementos de seguridad, como iThemes Security.

La mayoría de la gente piensa que vendrá con un complemento o bloque de código 'Desactivar Gutenberg'. Tal vez los famosos creadores de páginas incluyan una opción para deshabilitar Gutenberg en su configuración. Una sugerencia popular es ofrecerlo en Jetpack y dejar que el usuario lo active usando esa plataforma.

La fecha de lanzamiento del editor de WordPress de Gutenberg

Hasta el momento, no se ha anunciado una fecha de lanzamiento oficial.

Sin embargo , Matt Mullenweg ha dicho: "El equipo de Gutenberg está dando un paso atrás. Lo están haciendo para reescribir Gutenberg mediante el uso de una biblioteca diferente. Esto podría causar un retraso en el lanzamiento de Gutenberg, al menos una demora de algunas semanas. Esta es precisamente la razón el lanzamiento de Gutenberg se ha retrasado hasta el año 2018".

Ha habido muchas reacciones fuertes a esta declaración en particular. Por ejemplo, Yoast ha dicho:

"En Yoast, nos sorprendieron bastante estas palabras. En su forma actual, Gutenberg no está listo, en absoluto, para el uso generalizado. De hecho, no vemos que esté listo para ser lanzado en la primera mitad de 2018. "Además, listo para ser lanzado significa que la comunidad ha tenido mucho tiempo para arreglar todas sus integraciones. Sin embargo, en este momento, no es posible que los complementos se integren con Gutenberg. ¿Cómo diablos los autores de complementos deberían poder construir sus integraciones en unos pocos meses? Eso no es posible. Al menos no sin romper cosas".

Yoast recomienda un curso alternativo para Gutenberg

"Estamos muy entusiasmados con la idea de los bloques. Sin embargo, tenemos grandes preocupaciones sobre algunas de las opciones técnicas. También, sobre la velocidad del proceso de implementación. Además, nuestra preocupación es sobre la falta de prioridad dada a los problemas de accesibilidad en el proyecto Aún así, estamos muy preocupados por el hecho de que los complementos no pueden integrarse con el nuevo editor ".

Yoast discutió el concepto de incorporar su complemento con Gutenberg.

"Comenzamos desglosando todas nuestras funciones. Además, seguimos adelante para ver dónde podíamos integrarlas en Gutenberg. Sin embargo, no creemos que aferrarnos a un solo cuadro masivo debajo del editor sirva mejor a nuestros clientes. Por lo tanto, Preferiríamos integrarnos justo donde sucede la acción, Gutenberg nos ofrece esa oportunidad”.

¿Cuáles son sus opiniones sobre Gutenberg?

Para responder a esto, definitivamente pruebe con Gutenberg. Además, explore el editor de WordPress de Gutenberg usándolo en un sitio de prueba. Después de eso, háganos saber lo que le gusta o no le gusta.

Aún así, puede enviar sus comentarios directamente al equipo de Gutenberg. Vaya a la sección de comentarios en el menú de la barra lateral de Gutenberg. Cuéntales sobre tu experiencia de trabajar con Gutenberg. Como resultado, usted será parte de hacer que este proyecto sea un éxito.