Blog

Bienvenido al Editor Gutenberg

De Montañas e Imprentas

El objetivo de este nuevo editor es hacer que la creación de contenido enriquecido en WordPress sea simple y agradable. Toda esta entrada está compuesta por piezas de contenido — algo similar a los bloques LEGO — que puedes mover y interactuar. Mueve el cursor alrededor y notarás que los diferentes bloques se iluminan con contornos y flechas. Pulsa las flechas para reposicionar los bloques rápidamente, sin temor 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 poder moverlo libremente alrededor de la entrada…

… como éste, que está alineado a la derecha.

Los encabezados son bloques separados también, lo que ayuda con el esquema y la organización de tu contenido.

Una Imagen Vale más que Mil Palabras

El manejo de imágenes y medios con el máximo cuidado es uno de los focos principales del nuevo editor. Afortunadamente, encontrarás de un modo más fácil y robusto que antes aspectos como la adición de subtítulos o ir a toda el ancho con sus imágenes.

Beautiful landscape
Si el tema lo soporta, verás el botón “Ancho” en la barra de herramientas de la imagen. Dale una oportunidad.

Intenta seleccionar y quitar, o editar el título, ahora no debes preocuparte de arruinar la presentación cuando selecciones la imagen u otro texto por error.

La Herramienta Insertador

Imagina que todo aquello que WordPress puede hacer esté disponible para ti rápidamente y en el mismo lugar en la interfaz. Ya no necesitarás descifrar las etiquetas HTML, las clases o recordar la sintaxis complicada de código. Ese el espíritu detrás del insertador — el botón (+) que verás alrededor del editor — te permitirá navegar por todos los bloques de contenido disponibles y agregarlos a su entrada. Los plugins y los temas son capaces de registrar sus propios, abriendo todo tipo de posibilidades para la edición y publicación.

Dale una oportunidad, puedes descubrir cosas que WordPress ya añade a tus mensajes y que aún no sabías. Aquí hay una breve lista de lo que puedes encontrar actualmente:

  • Texto y Encabezados
  • Imágenes y Vídeos
  • Galerías
  • Contenido Embebido, como YouTube, Tuits, u otras entradas de WordPress.
  • Bloques de diseño, como Botones, Imágenes Grandes, Separadores, etc.
  • Y listas como esta, por supuesto:)

Edición Visual

Un gran beneficio de los bloques es que puedes editarlos en su lugar y manipular su contenido directamente. En lugar de tener campos para editar cosas como el origen de una cita, o el texto de un botón; puedes cambiar directamente el contenido. Intenta editar la siguiente cita:

El editor se esforzará por crear una experiencia rica al crear una nueva entrada o página, lo que hace que la escritura sea sin esfuerzo, disponibilizando “bloques” para que sea aún más fácil lo que hoy se hace con shortcodes, HTML personalizado, o “la parte misteriosa” al incrustar código.

Matt Mullenweg, 2017

La información correspondiente al origen de la cita es un campo de texto independiente, similar a los subtítulos en imágenes, por lo que la estructura de la cita se protege incluso si se selecciona, se modifica o se quita el origen. siempre es fácil añadirla nuevamente.

Los bloques pueden ser cualquier cosa que necesites. Por ejemplo, es posible que desees agregar una composición tenue como parte de la composición de tu texto, o puede que prefieras mostrar una estilizada gigante. Todas estas opciones están disponibles en el insertador.

Puedes cambiar la cantidad de columnas de tus galerías arrastrando un control deslizante en el inspector de bloques en la barra lateral.

Medios Ricos

Si combinas las nuevas alineaciones al ancho y a todo el ancho con galerías, puedes crear un diseño muy rico en medios, muy rápidamente:

La accesibilidad es importante — No olvides el atributo ALT de imagen

Claro, la imagen de todo el ancho puede ser bastante grande. Pero a veces la imagen vale la pena.

Lo anterior es una galería con sólo dos imágenes. Es una manera más fácil de crear diseños visualmente atractivos, sin tener que lidiar con los flotadores. También puedes convertir fácilmente de una galería a imágenes individuales y viceversa, utilizando el conmutador de bloques.

Cualquier bloque puede optar por estas alineaciones. El bloque embed los tiene también, y por defecto es responsivo:

Puedes construir cualquier bloque que desees, estático o dinámico, decorativo o llano. Aquí hay un bloque de cita:

El Código es Poesía.

La comunidad WordPress

Si deseas obtener más información acerca de cómo crear bloques adicionales, o si estás interesado en ayudar con el proyecto, dirígete al Repositorio de GitHub.


¡Gracias por probar Gutenberg!

👋