Te damos la bienvenida al editor Gutenberg

De montañas e imprentas

El objetivo de este nuevo editor es hacer que añadir contenido enriquecido a WordPress sea algo sencillo y agradable. Toda esta entrada se compone de piezas de contenido —algo parecido a los bloques de LEGO— que puedes mover y con los que puedes interactuar. Mueve tu cursor y verás que aparecen los distintos bloques con líneas y flechas. Pulsa en las flechas para recolocar rápidamente los bloques, sin miedo a perder cosas en el proceso de copiar y pegar.

Lo que estás leyendo ahora es un bloque de texto, el bloque más básico de todos. El bloque de texto tiene sus propios controles para moverlo libremente por toda la entrada…

… como este, que está alineado a la derecha

Los titulares también son bloques separados, lo cual ayuda con la estructuración y organización del contenido.

Una imagen vale por mil palabras

Gestionar las imágenes y los elementos multimedia con el máximo cuidado es un enfoque principal del nuevo editor. Afortunadamente encontrarás posibilidades para añadir leyendas o hacer que tus fotos ocupen toda la anchura de la página, de un modo mucho más fácil y robusto que antes.

Paisaje hermoso
Si tu tema es compatible, verás el botón «Ancha» en la barra de herramientas de la imagen. Pruébalo.

Prueba a seleccionar y eliminar o editar la leyenda; a partir de ahora no tendrás que preocuparte por seleccionar cuidadosamente la imagen o hacerlo por error con otro texto, lo cual puede arruinar la presentación.

El Insertador

Imagina que todo lo que WordPress puede hacer esté disponible para ti rápidamente y en el mismo lugar del interfaz. No tienes que descubrir etiquetas HTML, clases o recordar sintaxis complicadas de shortcodes. Ese es el espíritu tras el insertador —el botón (+) que verás en el editor— que te permite navegar por todos los bloques de contenido disponibles y añadirlos a tu entrada. Los plugins y temas pueden registrar los suyos propios, abriendo una enorme cantidad de posibilidades para la edición y la publicación enriquecida.

Pruébalo. Es posible que descubras cosas que WordPress ya puede añadir a tus entradas y que no conocías. Aquí tienes una breve lista de lo que puedes encontrar:

  • Texto y titulares
  • Imágenes y vídeos
  • Galerías
  • Incrustaciones, como YouTube, tuits, u otras entradas de WordPress.
  • Bloques de diseño, como botones, imágenes «héroe», separadores, etc.
  • Y listas, como esta, por supuesto.

Edición visual

Un gran beneficio de los bloques es que puedes editarlos donde estén y manipular directamente tu contenido. En vez de tener campos para editar cosas como el código de una cita, o el texto de un botón, puedes cambiar directamente el contenido. Prueba a modificar la siguiente cita:

El editor se esforzará por crear una nueva página y una experiencia de creación de artículos que ayude a escribir entradas enriquecidas sin esfuerzo; el editor tiene «bloques» para hacer fácil lo que actualmente puede suponer el uso de shortcodes, HTML personalizado o descubrir cómo incrustar «carne sospechosa».

Matt Mullenweg, 2017

La información correspondiente a la fuente de la cita está en un campo de texto separado, parecido a las leyendas bajo las imágenes, para que la estructura de la cita esté protegida aunque la selecciones, modifiques o elimines la fuente. Siempre es muy fácil añadirla de nuevo.

Los bloques pueden ser cualquier cosa que necesitas. Por ejemplo, puede que quieras añadir una cita sutil como parte de la composición de tu texto, o puede que prefieras mostrar una cita gigante y estilizad. Todas estás opciones están disponibles en el insertador.

Puedes cambiar la cantidad de columnas de tus galerías, para lo cual pues arrastrar el deslizador del inspector de bloques, en la barra lateral.

Medios enriquecidos

Si combinas con las galerías las nuevas alineaciones ancha y anchura completa, podrás crear un diseño de elementos multimedia muy rico, muy rápidamente.

La accesibilidad es importante. No te olvides del atributo

Desde luego, la imagen de anchura completa puede ser muy grande. Pero a veces la imagen lo merece.

La de arriba es una galería con solo dos imágenes. Es un modo sencillo de crear visualmente diseños atractivos, sin tener que lidiar con los «floats». También puedes convertir fácilmente la galería de nuevo a imágenes individuales, usando el cambiador de bloques.

Cualquier bloque puede optar por estas alineaciones. El bloque de incrustación también dispone de ellas, y es adaptable de forma inmediata.

https://vimeo.com/22439234

Puedes construir cualquier bloque que quieras, estático o dinámico, decorativo o plano. Aquí tienes un bloque de cita:

El código es poesía

La comunidad de WordPress

Si quieres aprender más sobre cómo construir bloques adicionales, o si estás interesado en colaborar con el plugin, ve al repositorio de GitHub.


¡Gracias por probar Gutenberg!

👋