Los bloques del nuevo editor de WordPress 5

Ha pasado casi un mes desde que la versión 5 de WordPress fue lanzada, y con ella una pequeña revolución: el nuevo editor de publicación en bloque también llamado Gutenberg Editor. Ha surgido una gran controversia: pro-Gutemberg y anti-Gutemberg. El inventor de la imprenta probablemente no pidió tanto… Pero nada detiene la innovación, así que es mejor acostumbrarse y aprovechar este editor de texto 5.0! En este artículo revisaremos todas las posibilidades que ofrece el nuevo sistema de publicación de WordPress.

Bloques comunes

Los bloques comunes son los elementos que ya estábamos acostumbrados a usar con el clásico editor de WordPress:

Bloques comunes en el nuevo editor de WordPress
Bloques comunes en el nuevo editor de WordPress

La mayoría de estos bloques son conocidos por todos, así que no me voy a detener en ellos. Lo importante es recordar que a partir de ahora, en lugar de escribir de una sola vez como en un editor de texto clásico, se «corta» el artículo según el formato. Antes de insertar el texto y luego hicimos el diseño, ahora primero elegimos el bloque del tipo de contenido y luego lo insertamos. Es confuso pero te acostumbras rápidamente.

Este es un bloque de «bandera».

Arriba se ve un bloque de «bandera». Esto es nuevo. Esta función permite insertar una imagen o un vídeo y colocar un texto sobre él. Así que es perfecto para los encabezados, por ejemplo.

En particular, puede ajustar el color y la opacidad de la capa o crear un efecto de paralaje (imagen que permanece fija cuando la ventana se desplaza, como en el ejemplo).

Galería

Así que las galerías ya existían en versiones anteriores de WordPress. La diferencia ahora es que los textos de los pies de foto se colocan en las propias imágenes. Esto es, en efecto, mucho más estético.

Archivos

Nuevo para los archivos es el botón «Descargar» (opcional). Este tipo de pequeñas optimizaciones hace que el sitio web sea más profesional.

Formando bloques

Este conjunto de bloques aporta muchas más novedades, entre ellas características que es cierto que son finalmente inevitables para cualquier editor que se precie.

HTML personalizado

Este es un bloque HTML personalizado.

A veces es mucho más conveniente escribir el código HTML uno mismo para obtener un renderizado más avanzado, para aquellos que conocen las etiquetas HTML, por supuesto. En el antiguo editor, era necesario cambiar la interfaz de entrada al modo «texto» para poder insertar el código HTML, y luego volver al modo «visual» para continuar la entrada clásica. Por lo tanto, es una comodidad y un ahorro de tiempo considerable poder insertar un bloque y poner el HTML directamente en él.

Mesa

Cabecera 1Cabecera 2Cabecera 3
Línea1Contenido 1Contenido 2
Línea 2Contenido 3Contenido 4

Era laborioso hacer tablas en WordPress antes… O bien ponías las manos en la tierra construyendo tu propia tabla en modo texto con las etiquetas , , , , etc… O bien tenías que usar un plugin dedicado a la creación de tablas (y así hacer más pesado tu WordPress y su interfaz). ¡La llegada de este bloque de mesas es un alivio para los blogueros!

Pareja

Mi ojo soñador sigue el barco distante
que viene a mí, débil juguete de las olas;
Me gusta verla acostada en la arena
Hábiles pecadores, alegres marineros.
¡Pero a mi voz, no hay ninguna voz que responda!

Este bloque de «Pareja» es bastante sorprendente ya que es muy raro encontrar poesía en Internet (en proporción al contenido total, por supuesto). Pero WordPress ha pensado en la poesía literaria, ¡y no nos importa!

Código

function is_single( $post = '' ) {
   global $wp_query;

 if ( ! isset( $wp_query ) ) {
    _doing_it_wrong( __FUNCTION__, __( 'Conditional query tags do not work before the query is run. Before then, they always return false.' ), '3.1.0' ); 
     return false;
  }

return $wp_query->is_single( $post );

}

Aquí hay un bloque para geeks :D. Podrás publicar fácilmente tus scripts respetando el espaciado y las tabulaciones (para las indentaciones) de tu código.

En el mismo género tienes el bloque «preformateado» que permite publicar el código pero también formatearlo.

El énfasis de la cita

El corazón tiene sus razones que la razón no conoce.

Blaise pascal

Buen bloqueo para poner tus citas. También puedes poner texto en cita con el viejo editor de WordPress (cita) o incluso con el bloque «Cita» del nuevo editor, depende de ti juzgar cuál es el mejor:

El corazón tiene sus razones que la razón no conoce.

Blaise Pascal

Bloques de diseño

Medios de comunicación y texto

Nada mejor que una buena sopa en invierno.

Este es un bloque práctico que permite colocar una imagen y un párrafo uno al lado del otro. Los usos son numerosos y la facilidad de uso es perfecta. ¿Cómo lo hicimos antes? (Bueno, no lo hicimos…)

Columnas

Columna 1

Columna 2

Columna 3

Un bloque innovador que está perfectamente en sintonía con la tendencia de los diseños de respuesta (que se adaptan al tamaño de la pantalla – PC / tableta / smartphone). Para poder crear columnas antes, era imperativo usar un plugin. Sin embargo, este bloque de WordPress sigue siendo básico y no ofrece diseños más avanzados, pero es rápido, simple y ligero de configurar.

Botón

¡Ahora puedes crear botones fácilmente! Esto es ideal para su «llamada a la acción», es decir, para incitar a sus lectores a llevar a cabo una acción como la descarga, la suscripción a un boletín de noticias, etc. Para usar sin moderación :)

Widgets

Una gran innovación aportada por el nuevo editor de bloques de WordPress es la posibilidad de insertar directamente en los artículos elementos frontales reservados para las barras laterales. Ahora puede, por ejemplo, mostrar los últimos comentarios de su sitio web o los productos de su tienda Woocommerce directamente en su contenido sin necesidad de una programación compleja!

Además, hay que tener en cuenta que la comunidad puede proponer nuevos bloques, por lo que la lista de posibilidades de añadir este tipo de contenido crecerá considerablemente.

Últimos comentarios

  1. Avatar
  2. Avatar
  3. Avatar
  4. Avatar

Últimos artículos

Contenido incrustado

Terminemos nuestro recorrido por el nuevo editor de WordPress 5 con el contenido incrustado. Ya sabes, esto son videos de Youtube u otro contenido de un sitio de terceros que queremos incrustar directamente en el artículo.

La gran novedad es la gran variedad de sitios de terceros que se pueden elegir fácilmente: Youtube, Vimeo, Twitter, Spotify, Facebook, SoundCloud, etc.

Sin embargo, después de algunas pruebas, resulta que no todos los bloques funcionan como se esperaba. Por ejemplo, el bloque «Facebook» no da ninguna representación… Continuará.

En conclusión

Nos guste o no, es normal que WordPress desarrolle su herramienta de publicación, que ha permanecido prácticamente inalterada durante décadas. Cuando fue lanzado, WordPress 5 ciertamente tenía algunos errores, y todavía tenemos que usar tanto el viejo como el nuevo editor dependiendo del artículo que estemos escribiendo. Pero algunos problemas ya han sido arreglados y confiamos en que los restantes se arreglarán pronto. En cualquier caso, el nuevo editor de bloques de WordPress abre innegablemente nuevas posibilidades, y dentro de unos meses estaremos diciendo: «¿Pero cómo lo hicimos antes? » ;)

Dejar respuesta

Please enter your comment!
Please enter your name here