wordpress

Bienvenido al editor Gutenberg

Gutenberg es el  editor/compositor de contenidos de la nueva versión WordPress 5.0.

El objetivo de este nuevo editor es hacer que añadir contenido enriquecido a WordPress sea algo sencillo y agradable. 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 publicación…

Los bloques son la forma inicial bajo la que se presenta el funcionamiento de Gutenberg, que viene a ser una condensación de lo que hasta ahora se ha venido haciendo mediante el uso de widgets, shortcodes, metabox y embed y cuyo objetivo es reducir el complejo proceso de la creación personalizada de contenidos.

Algunos tipos de bloques que podrán generarse:

  • Texto y encabezados
  • Imágenes y vídeos
  • Galerías
  • Incrustados, como YouTube, tuits o entradas de otro WordPress.
  • Bloques de diseño, como botones, imágenes prominentes, separadores, etc.
  • Y listas como esta, por supuesto 🙂

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

Una imagen vale más que mil palabras

Gestionar imágenes y medios con el máximo cuidado es un enfoque principal del nuevo editor. Afortunadamente encontrarás posibilidades para añadir leyendas o hacer de ancho completo tus fotos de un modo mucho más fácil y robusto que antes.

Beautiful landscape
Si tu tema es compatible veras el botón “ancho” en la barra de herramientas de la imagen. Pruébalo.

Anímate a probarlo, puedes descubrir cosas que WordPress ya puede añadir en tus entradas de las que no tenías ni idea. Aquí tienes una breve lista de lo que actualmente puedes encontrar ahí:


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 o una cita, o el texto de un botón, puedes cambiar directamente el contenido. Prueba a modificar la siguiente cita:

El editor tratará de crear una nueva experiencia de creación de páginas y entradas que ayude a escribir publicaciones enriquecidas sin esfuerzo, y tiene “bloques” para hacer sencillo lo que hoy conllevaría usar shortcodes, HTML personalizado o descubrir como incrustar “carne sospechosa”.

Matt Mullenweg, 2017

La información correspondiente al origen 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 quites del origen. Es siempre sencillo añadirla de nuevo.

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

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

Medios enriquecidos

Si combinas las nuevas alineaciones de galería ancha y ancho completo puedes crear diseños ricos en medios muy rápidamente:

La accesibilidad es importante. No te olvides del atributo de imagen alt.

Por supuesto, la imagen a ancho completo puede ser realmente grande. Pero a veces la imagen es lo importante.

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

Cualquier bloque puede estar en alguna de estas alineaciones. El bloque de incrustar también las tiene, y es adaptable desde la base:

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

El código es poesía

La comunidad WordPress

Si quieres aprender más sobre cómo crear bloques adicionales, o si estás interesado en ayudar con el proyecto, pásate por el repositorio en GitHub.


👋

Anuncis

Deixa un comentari

Fill in your details below or click an icon to log in:

WordPress.com Logo

Esteu comentant fent servir el compte WordPress.com. Log Out /  Canvia )

Google+ photo

Esteu comentant fent servir el compte Google+. Log Out /  Canvia )

Twitter picture

Esteu comentant fent servir el compte Twitter. Log Out /  Canvia )

Facebook photo

Esteu comentant fent servir el compte Facebook. Log Out /  Canvia )

S'està connectant a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.