De montañas e imprentas
El objetivo de este nuevo editor es hacer que añadir contenido enriquecido a WordPress sea sencillo y agradable. Todo este post se compone de contenidos-algo parecido a los ladrillos de LEGO- que puedes mover e interactuar con ellos. Mueve el cursor y verás que los distintos bloques se iluminan con contornos y flechas. Pulsa las flechas para recolocar los bloques rápidamente, sin miedo a perder cosas en el proceso de copiar y pegar.
Lo que está 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 el post...
... como éste, que está alineado a la derecha.
Los encabezados también son bloques independientes, lo que ayuda a esquematizar y organizar el contenido.
Una imagen vale más que mil palabras
El nuevo editor se centra principalmente en el tratamiento cuidadoso de las imágenes y el material multimedia. Esperamos que añadir pies de foto o ampliar el ancho de las imágenes te resulte mucho más fácil y sólido que antes.
Prueba a seleccionar y eliminar o editar el pie de foto, ahora ya no tienes que tener cuidado de seleccionar la imagen u otro texto por error y estropear la presentación.
En Insertador Herramienta
Imagina que todo lo que WordPress puede hacer está a tu disposición rápidamente y en el mismo lugar de la interfaz. Sin necesidad de descifrar etiquetas HTML, clases o recordar complicadas sintaxis de shortcodes. Ese es el espíritu detrás del insertador-el (+) que verás alrededor del editor-que te permite explorar todos los bloques de contenido disponibles y añadirlos a tu entrada. Los plugins y los temas pueden registrar los suyos propios, lo que abre todo tipo de posibilidades de edición y publicación enriquecidas.
Pruébalo, puede que descubras cosas que WordPress ya puede añadir a tus entradas y que desconocías. Aquí tienes una pequeña lista de lo que puedes encontrar actualmente:
- Texto y títulos
- Imágenes y vídeos
- Galerías
- Embeds, como YouTube, Tweets u otras entradas de WordPress.
- Bloques de diseño, como botones, imágenes principales, separadores, etc.
- Y Listas como éste, por supuesto 🙂 .
Edición visual
Una gran ventaja de los bloques es que puedes editarlos in situ y manipular el 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 directamente el contenido. Prueba a editar la siguiente cita:
El editor se esforzará por crear una nueva experiencia de creación de páginas y entradas que permita escribir entradas enriquecidas sin esfuerzo, y dispone de "bloques" para facilitar lo que hoy en día podría requerir shortcodes, HTML personalizado o el descubrimiento de incrustaciones de "carne misteriosa".
Matt Mullenweg, 2017
La información correspondiente a la fuente de la cita es un campo de texto independiente, similar a los pies de foto bajo las imágenes, por lo que la estructura de la cita queda protegida aunque selecciones, modifiques o elimines la fuente. Siempre es fácil volver a añadirla.
Los bloques pueden ser cualquier cosa que necesites. Por ejemplo, puede que quieras añadir una cita 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.
Puede cambiar la cantidad de columnas en sus galerías arrastrando un control deslizante en el inspector de bloques de la barra lateral.
Medios de comunicación
Si combina el nuevo ancho y de ancho total alineaciones con galerías, puede 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 merece la pena.
La de arriba 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 flotadores. También puede convertir fácilmente la galería de nuevo a imágenes individuales, utilizando el conmutador de bloques.
Cualquier bloque puede optar por estas alineaciones. El bloque de inserción también los tiene, y es sensible fuera de la caja:
Puedes construir el bloque que quieras, estático o dinámico, decorativo o sencillo. Aquí tienes un bloque pullquote:
El código es poesía
La comunidad WordPress
Si quieres saber más sobre cómo construir bloques adicionales, o si estás interesado en ayudar con el proyecto, dirígete a la página Repositorio GitHub.
¡Gracias por probar Gutenberg!
