gutenberg test

Lo bueno, lo malo y lo bonito - WordPress Gutenberg en prueba

Si crees a Matt Mullenweg, el nuevo editor de WordPress Gutenberg es el futuro de WordPress . Y después de la primera prueba se muestra: podría tener razón. Siempre y cuando Gutenberg también sea utilizable para el funcionamiento en directo con las próximas versiones. Mostramos los mayores déficits y las funciones más importantes del nuevo editor de un vistazo.

Todavía lleva una existencia sombría como versión beta. Esto podría dificultar el desarrollo del nuevo editor. Es una pena, porque en principio Gutenberg es un editor maravilloso. Independientemente de cómo vaya la fase beta, el desarrollo posterior y la integración del núcleo, echamos un vistazo más de cerca a Gutenberg y le mostramos lo que puede esperar y por qué no debe utilizar Gutenberg en la operación en vivo.

El contenido de un vistazo:

  1. La instalación
  2. El nuevo sistema de bloques
  3. Imágenes
  4. Vídeos
  5. Citas y medios sociales
  6. Tablas y fragmentos de código
  7. Botones
  8. HTML
  9. Conclusión

El primer choque: todo como antes

La instalación es la misma que para el resto de Plugins : busque Gutenberg en el directorio de plugins, descárguelo, actívelo y listo. El nuevo editor se puede encontrar en la barra lateral tu WP-Dashboard.

De hecho, primero busqué el botón correspondiente en el editor de un nuevo post. Desgraciadamente, en vano. La primera idea en este punto: Gutenberg no se convierte automáticamente en el editor por defecto. Sin embargo, puede abrir los mensajes existentes a través de Gutenberg . Para ello, hay que ir a la vista general del puesto y seleccionar la opción, algo escondida, Gutenberg .

Los mensajes antiguos también se pueden abrir con Gutenberg .
La opción Gutenberg está algo escondida en la selección rápida de puestos.

Desgraciadamente, el resultado no es nada agradable: si se abre un artículo ya existente, al menos en nuestra prueba, todo el contenido se empaqueta en un solo bloque. Esto hace que el sistema de bloqueo sea en sí mismo excelente ad absurdum. Y, por supuesto, significa que no se pueden editar artículos que no hayan sido creados con Gutenberg con el nuevo editor.

Otros dos problemas graves han llamado nuestra atención: En primer lugar, la fijación de enlaces no funcionó en nuestra prueba (ni en las URL ni en los ganchos internos del artículo). Y en segundo lugar, Gutenberg todavía no puede mostrar las opciones de publicación específicas del plugin. Por ejemplo, las opciones de SEO y de redes sociales de Yoast no se configuran bajo el artículo como es habitual y tampoco se puede configurar actualmente el autor de un post a través de la propia Gutenberg .

las contribuciones existentes destrozan gutenberg desgraciadamente por completo
El resultado de intentar abrir un puesto existente en Gutenberg : No sólo la imagen está distorsionada, sino que la imagen y el texto están en el mismo bloque. Además, los enlaces ya no funcionan.

Todos estos puntos significan que Gutenberg no es todavía adecuado para el funcionamiento en vivo. Dado que el editor está todavía en fase beta (actualmente en la versión 0.2.0), esto es soportable, pero el límite de 100.000 instalaciones activas en los próximos dos meses proclamado por Matt Mullenweg parece ahora utópico. Aunque esto no es malo en sí mismo, plantea la cuestión del lanzamiento de la versión completa.

Esto se debe a que la fase beta podría hacer que muchos usuarios que no disponen de un entorno de desarrollo o de instancias de prueba se abstengan de instalar y probarGutenberg . Raidboxes Por cierto, los clientes pueden probar fácilmente el editor en la etapa o en una DEMO BOX .

Dado que Gutenberg no es realmente adecuado para operar en vivo en su estado actual por varias razones, limitaremos nuestra revisión de la versión 0.2.0 al proceso de escritura en sí. Con Gutenberg , el proceso de escritura es más fácil que nunca.

El principio del bloque convence e inspira

En realidad, el editor se ve tan bien desde el principio como en el Demo. Nuestra impresión por lo tanto: Recuerda más a un constructor de páginas que a un editor de texto. Pero no me malinterpreten: Actualmente sólo se pueden crear entradas, no páginas, con Gutenberg .

El principio de los bloques se basa en la idea de dotar a cada contenido, unidad argumental o multimedia tu de un entorno propio, configurable y movible. En otras palabras, un bloque.

En realidad, la idea va más allá: los bloques deberían convertirse en el nuevo metaformato de WordPress y, poco a poco, unir y sustituir a todos los demás elementos.

Vamos a construir muchos más tipos de bloques. Y esta es la base de, por supuesto, lo que va a ser el futuro de la personalización. Así que los bloques sustituirán a los widgets, los bloques sustituirán a todos los demás elementos fundamentales y primitivos de WordPress -hasta que todo sea un bloque

- Matt Mullenweg, WordCamp Europa 2017, París

Así, cada elemento que se inserta en una entrada de tus se define como un bloque. No importa si es una imagen, un vídeo, una cita, un tuit, una tabla o un botón. Lo mejor es que los bloques se pueden mover de forma independiente. Aunque todavía no por medio de arrastrar y soltar, sino sólo en pasos individuales, pero eso también facilita enormemente la reestructuración de los puestos y su diseño.

Ya en fase beta, Gutenberg ofrece varias docenas de tipos de bloques posibles.
Cuando cree un nuevo bloque, verá todas las opciones de configuración. Actualmente, ya es una cifra impresionante, pero se espera que crezca aún más con el tiempo. Sin embargo, esto también plantea la cuestión de la visión general. Ahora ya puede desplazarse bastante lejos en la selección de bloques.

El principio de bloque tiene tres ventajas específicas, que pudimos determinar en nuestra prueba de una hora:

1. la creación de contenidos es más dinámica

Cada párrafo, cada imagen, cada vídeo es un bloque independiente. Estos bloques se pueden mover independientemente unos de otros. La reestructuración de los textos se convierte así en un juego de niños. Este movimiento sigue siendo posible sólo en pasos individuales y no a través de arrastrar y soltar.

Mover los bloques en Gutenberg sólo es posible en pasos individuales, pero es súper fácil.

2. más visión de conjunto y editor ordenado

Debido a su diseño limpio, el editor nos rogó literalmente que probáramos todos los formatos de bloque posibles. Nuestra impresión: Gracias al diseño tan reducido, que es una especie de "escritura sin distracciones" de lujo, nos animó apensar mucho más intensamente en las posibilidades del diseño y en su significado. Aunque esto también se debe a la novedad del propio editor, es en combinación con la naturaleza dinámica de los bloques que Gutenberg ofrece una experiencia totalmente nueva de creación de contenidos. La inflexible centralidad del texto es especialmente útil. Y: Creemos que el editor ya tiene muy buena pinta.

Gutenberg tiene una superficie extremadamente reducida. Y, sin embargo, tiene un aspecto excepcional.
El editor es tan reducido que el modo de escritura sin distracciones ya no es necesario. Por cierto, la barra de ajustes de la derecha también se puede colapsar.

3. más atención a lo esencial

Por último, el nuevo principio de bloque tiene la ventaja de que favorece el proceso natural de pensamiento y escritura una vez que te acostumbras a él. Cada pensamiento, cada argumento, se convierte en un bloque. Esto hace que la estructuración de los artículos sea mucho más fácil e intuitiva.

El principio de los bloques es fácil de entender, pegadizo, facilita la creación de contenidos y, en nuestra opinión, tiene definitivamente el potencial de ser el gran éxito que se anuncia desde la perspectiva de la UX.

Trabajar con imágenes es un verdadero placer

La inserción de imágenes también se realiza a través de los bloques y, en principio, exactamente igual que antes, sólo que un poco más intuitiva. Una vez que haya creado un bloque de imágenes, seleccione la imagen de la biblioteca de medios o cárguela. A continuación, puede ajustarlo mediante las opciones especiales de imagen del bloque. Lo bueno de esto es que sólo se muestran las opciones que necesitas. El pie de foto y el texto alternativo también pueden escribirse directamente en Gutenberg . La barra de ajustes de la derecha también se ajusta en función del bloque seleccionado.

Las imágenes en Gutenberg pueden alinearse fácilmente a la izquierda, a la derecha y a todo lo ancho.
No se puede ver: A la derecha, se pueden realizar todos los ajustes de detalle específicos de la imagen. En la barra de diseño de la izquierda, la imagen puede colocarse como corresponde.

Por cierto, las opciones de diseño mostradas arriba existen para todos los bloques, es decir, vídeos, citas, publicaciones en redes sociales, etc. Lo que también notamos: La opción de la galería ahora tiene su propio bloque. Esto puede hacer que la opción sea más accesible para unos u otros.

Integración del vídeo directamente a través de la plataforma

Incluso cuando se incrustan imágenes en movimiento, el flujo de trabajo con Gutenberg no se interrumpe: Simplemente cree un nuevo bloque, seleccione el medio respectivo (o un bloque de incrustación en blanco), inserte la URL, y listo.

Debido al número de ofertas individuales, la selección de bloques se vuelve algo confusa. Además, no entendemos el sentido de los bloques especiales para determinadas plataformas de vídeo, como WordPress .tv. Porque también puedes incrustar simplemente todos los vídeos a través del bloque de incrustación universal.

Las citas no cambian, las publicaciones en las redes sociales se vuelven agradables y sencillas

La incrustación de citas no ha cambiado mucho, salvo que ahora se pueden mover más fácilmente gracias al principio de bloque. Por otro lado, incrustar laspublicaciones de las redes sociales se ha vuelto un poco más fácil y bonito: porque ahora se puede trabajardirectamente introduciendo el enlace y sin código de incrustación.

Gutenberg también facilita la integración de los tweets.

A estrenar: Mesas. Todo lo mismo con los fragmentos de código.

Una característica nueva es la opción de insertar tablas directamente a través del editor, sin necesidad de un Plugin adicional. Sin embargo, actualmente sólo son posibles las tablas de dos columnas, pero la inserción funciona con la misma facilidad que con los demás bloques. En nuestra prueba, las mesas aún no eran capaces de hacer más. Además, el ancho de la columna se desplaza dinámicamente durante la introducción del texto. Se nota que el bloque aún no está terminado.

Sin embargo, al insertar fragmentos de código, todo sigue igual.

Lo mejor para el final: Botones

Por último, un editor de WordPress ofrece la posibilidad de establecer botones en el flujo de trabajo normal de la publicación. Así de fácil, a través de un bloque especialmente creado. En principio, sólo hay que insertar el botón, definir el enlace que hay detrás y seleccionar la etiqueta y el color. En principio. Porque en nuestra prueba esta función tampoco ha funcionado todavía.

Personalizaciones HTML como siempre. Sólo que más bonito.

El sistema de bloques no fue adoptado en el editor HTML. Esto se parece a lo de antes, sólo que, gracias al nuevo diseño, un poco más fresco. Y ahora el código se indenta automáticamente. Esto ayuda a la visión general.

así es como se ve el html en el antiguo editor
así es como se ve el html en el nuevo editor
Por encima de la variante del editor actual. Debido al mayor ancho de línea, es más corto en general, pero en comparación con la variante Gutenberg con líneas sangradas, también es más confuso.

Por cierto, también es posible insertar bloques HTML personalizados a través del editor visual. Lo bueno de esto es que el código HTML se puede editar en el bloque y el resultado se puede ver directamente.

cómo incrustar html personalizado gutenberg
Un simple botón en la parte superior izquierda del bloque le permite alternar entre el código y la vista previa en HTML personalizado.

Conclusión: La sensación es buena, las funciones aún necesitan mejorar, la compatibilidad es pobre.

La versión actual Gutenberg 0.2.0 es una versión beta. Por lo tanto, no es necesario en absoluto que todo funcione sin problemas. No es así. Especialmente las mesas y los botones todavía necesitan algo de trabajo - dos de los bloques más interesantes. Además, la compatibilidad con versiones anteriores y la integración de importantes funciones del editor todavía no funcionan bien. Así que, por el momento, hay que volver al antiguo editor como muy tarde cuando se afina una nueva entrada. Para algo más que una prueba y una mirada rápida a la bola de cristal, Gutenberg no es realmente útil en este momento.

Sin embargo, en un punto, el nuevo editor puede convencer plenamente: el principio del bloque. De este modo, el proceso de escritura se acelera notablemente y es mucho más intuitivo y fácil de manejar. Especialmente para los escritores frecuentes, esto debería ser un enorme alivio.

Pero el principio del bloque es aún más importante y tiene mucho más potencial que el de facilitar la escritura de posts. Y se nota que Mullenweg quiere avanzar activamente hacia un bloque basado en WordPress . En su sesión de preguntas y respuestas en la WordCamp Europe de París, ya insinuó claramente hacia dónde se dirige el viaje.

Vamos a construir muchos más tipos de bloques. Y esta es la base de, por supuesto, lo que va a ser el futuro de la personalización. Así, los bloques sustituirán a los widgets, los bloques sustituirán a todos los demás elementos fundamentales y primitivos de WordPress , hasta que todo sea un bloque.

- Matt Mullenweg, WordCamp Europa 2017, París

Lo interpretamos de la siguiente manera: el nuevo editor WordPress , que formará parte del núcleo de WordPress , se desarrollará activamente en la dirección de un potente constructor de páginas. Si el principio de los bloques se aplica más allá del nivel de los artículos, las próximas publicaciones serán muy interesantes. Pero antes de que eso ocurra, Gutenberg tiene que crecer y ganarse su derecho a existir como editor de WordPress .

En cualquier caso, esperamos nuevas actualizaciones y, por supuesto, una versión completa y estable de Gutenberg. ¿Tienes alguna opinión sobre el nuevo editor que no hayamos cubierto o alguna experiencia que quieras compartir con la comunidad? Entonces, ¡esperamos su comentario!

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.