El objetivo de este nuevo editor es que añadir contenido enriquecido a WordPress sea sencillo y agradable. Esta publicación completa se compone de... piezas de contenido—similares a los bloques LEGO— que puedes mover e interactuar con ellos. Mueve el cursor y verás que los bloques se iluminan con contornos y flechas. Pulsa las flechas para reposicionar los bloques rápidamente, sin temor a perderlos al 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 moverse libremente por la publicación.

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

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

Una imagen vale más que mil palabras

El nuevo editor se centra en gestionar imágenes y medios con sumo cuidado. Esperamos que añadir subtítulos o ampliar el ancho de las imágenes sea mucho más sencillo y completo que antes.

Intente seleccionar y eliminar o editar el título, ahora no tendrá que tener cuidado de no seleccionar la imagen u otro texto por error y arruinar la presentación.

El Insertador Herramienta

Imagina que todo lo que WordPress puede hacer está disponible para ti rápidamente y en el mismo lugar de la interfaz. Sin necesidad de entender etiquetas HTML, clases ni recordar la sintaxis compleja de shortcodes. Ese es el espíritu del insertador: (+) El botón que verás cerca del editor te permite explorar todos los bloques de contenido disponibles y añadirlos a tu publicación. Los plugins y temas pueden registrar los suyos propios, lo que abre un sinfín de posibilidades para una edición y publicación enriquecidas.

Pruébalo, puede que descubras cosas que WordPress ya puede añadir a tus publicaciones y que desconocías. Aquí tienes una breve lista de lo que puedes encontrar actualmente:

• Texto y encabezados
• Imágenes y vídeos
• Galerías
• Incrustaciones, como YouTube, Tweets u otras publicaciones de WordPress.
• Bloques de diseño, como botones, imágenes de héroe, separadores, etc.
• Y Liza como este por supuesto 🙂

Edición visual

Una gran ventaja de los bloques es que puedes editarlos en el sitio y manipular tu contenido directamente. En lugar de tener campos para editar cosas como la fuente de una cita o el texto de un botón, puedes cambiar el contenido directamente. Prueba a editar la siguiente cita:

El editor se esforzará por crear una nueva experiencia de creación de páginas y publicaciones que facilite la redacción de publicaciones enriquecidas y tenga "bloques" para facilitar lo que hoy podría requerir códigos cortos, HTML personalizado o el descubrimiento de incrustaciones de "carne misteriosa".

Matt Mullenweg, 2017

La información correspondiente a la fuente de la cita se encuentra en un campo de texto independiente, similar a los pies de foto, por lo que la estructura de la cita está protegida incluso si selecciona, modifica o elimina la fuente. Siempre es fácil volver a agregarla.

Los bloques pueden ser cualquier cosa que necesites. Por ejemplo, puedes añadir una cita discreta como parte de la composición de tu texto o mostrar una cita grande y estilizada. Todas estas opciones están disponibles en el insertador.

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

Medios ricos

Si combinas lo nuevo ancho y de ancho completo Alineaciones con galerías, puedes crear un diseño muy rico en medios, muy rápidamente:

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

La imagen de arriba muestra una galería con solo dos imágenes. Es una forma más sencilla de crear diseños visualmente atractivos, sin tener que lidiar con imágenes flotantes. También puedes convertir fácilmente la galería a imágenes individuales usando el selector de bloques.

Cualquier bloque puede optar por estas alineaciones. El bloque de incrustación también las tiene y responde de forma predeterminada.

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

Si quieres aprender más sobre cómo construir bloques adicionales, o si estás interesado en ayudar con el proyecto, dirígete a repositorio de GitHub.

¡Gracias por probar Gutenberg!

Lorem Ipsum Es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el siglo XVI, cuando un impresor (anónimo) usó una galera de tipos y los mezcló para crear un libro de muestras tipográficas. Ha sobrevivido no solo cinco siglos, sino también la transición a la composición tipográfica electrónica, manteniéndose prácticamente inalterado. Se popularizó en la década de 1960 con la publicación de las hojas Letraset que contenían pasajes de Lorem Ipsum y, más recientemente, con software de autoedición como Aldus PageMaker, que incluía versiones de Lorem Ipsum.