Bienvenido a la tercera y última parte de nuestro artículo sobre la última gran actualización de WordPress. En el artículo anterior comenzamos a desengranar el editor visual de WordPress 5. Esta tercera parte la dedicaremos a analizar el resto de bloques de Gutenberg y las novedades que presenta en WordPress 5.4. Comenzamos.
En el artículo anterior vimos los bloques más comunes y elementales, pero en este análisis de Gutenberg veremos que aún hay mucho por descubrir. El editor presenta varios bloques adicionales con contenido específico para dar formato, personalizar la edición y agregar funciones especiales.
En este grupo se encuentran los bloques referentes al estilo y formato del texto de la página o entrada. Además, para los usuarios acostumbrados a maquetar mediante HTML, Gutenberg ha incorporado aquí el bloque «HTML personalizado».
Con funcionamiento similar a la etiqueta HTML para escribir fragmentos de código en nuestras páginas o entradas. Para sitios enfocados al desarrollo web o de apps puede resultar útil.
Para los más reacios al uso de Gutenberg, WordPress incorpora este útil bloque con el editor visual de versiones anteriores. Aunque como ya mencionamos en la primera parte del artículo, WordPress pone a disposición de los usuarios un plugin que sustituye Gutenberg por el editor visual anterior, esta iniciativa nos parece mucho mejor. Además, de esta manera los usuarios se familiarizaran con Gutenberg sin prescindir del antiguo editor.
Si el bloque «Clásico» muestra el editor visual de WordPress 4, este bloque hace lo propio con el antiguo editor HTML. En este bloque podremos escribir nuestro código HTML si preferimos maquetar nuestras páginas o entradas con, por ejemplo, frameworks como Bootstrap.
Similar a la etiqueta «pre» de HTML. Al igual que con el bloque «Código», solo le encontramos utilidad en sitios web enfocados al desarrollo web o de programación.
De funcionamiento similar a la etiqueta «blockquote» de HTML. Gutenberg permite ajustar rápidamente los estilos, el color de texto, de fondo, etc…
Este interesante módulo crea tablas de una manera rápida y cómoda. Si bien es cierto que las opciones son algo escasas, requiriendo CSS para mayor personalización, para usuarios poco exigentes puede resultar suficiente.
Una de las partes más llamativas de este análisis de Gutenberg son sin duda los elementos de diseño de este. WordPress 5 se tomó en serio el apartado visual y la experiencia de usuario y estos bloques dan fe de ello.
Mediante este bloque podemos insertar un botón de enlace en nuestras páginas y entradas. Podemos configurar su comportamiento más básico, sus estilos (bordes redondeados, cuadrados, contorneados…) y ajustar el color.
Mención especial para los avisos y sugerencias sobre combinaciones estridentes de color. Adiós a los botones molestos e ilegibles.
Este es uno de los bloques más especiales y prometedores, pero con un amplio margen de mejora. Mediante este bloque podemo disponer bloques (de texto, imagen, etc …) en columnas, como en cualquier otro framework. Suena bien, pero el resultado no es el esperado. En tamaños y resoluciones concretas las columnas son prácticamente ilegibles. No obstante, puede con el tiempo haya un ajuste de «mediaqueries» o los desarrolladores se saquen algún truco de la manga. Por el momento, nos parece que deja qué desear.
Otro bloque innovador y sorprendente. Permite introducir saltos de página dentro de una misma página o entrada. De esta manera se puede paginar una entrada automáticamente, creándose un selector de página con botones automáticamente.
El separador es similar a la etiqueta «hr» de HTML, creando una linea horizontal para dividir contenido.
Por su parte el espaciador consiste en un bloque en blanco con una altura personalizable. Un recurso bastante socorrido.
Una de las novedades más satisfactorias de WordPress 5 es la posibilidad de incrustar widgets en entradas y páginas. Anteriormente el CMS ofrecía la posibilidad de hacerlo en elementos separados al contenido, como pies de página y menús laterales. Con esta opción la capacidad de incorporar contenido se eleva enormemente. Además, la posibilidad de añadir «Shortcodes» evitará en más de un caso la necesidad de editar los delicados archivos PHP de WordPress.
El alcance de este menú dependerá de los plugins que hayamos instalado y sus widgets pertinentes.
Este grupo engloba una serie de elementos a los que WordPress 5 llama «incrustados». Quizá más conocidos como «iframes», estos bloques permiten insertar en la página o entrada elementos externos como videos de Youtube o Vimeo, listas de reproducción de Spotify y Soundcloud (enlace), y muchos otros más…
Como ya avanzamos anteriormente, con el lanzamiento de la versión 5.4 de WordPress, Gutenberg se actualiza y ofrece nuevas posibilidades. Veamos algunas de ellas.
Un widget con una batería de botones que enlazan de manera muy visual a los distintos perfiles de redes sociales que queramos indicar.
Este nuevo bloque permite agrupar botones, quedando estos visualmente unidos. Esto permite crear elementos de navegación y otros recursos.
Esta nueva versión no solo trae consigo unos cuantos nuevos bloques. También se han mejorado algunos de los ya mencionados, como por ejemplo los siguientes.
Ahora, Gutenberg permite personalizar aún más las tablas. Podremos especificar un ancho de columna igual a todas ellas, o resaltar la cabecera y el pie de la tabla para poder diferenciarlos del resto de celdas.
Podemos definir con mayor exactitud el «border-radius» o redondeo de las esquinas de nuestros botones. También podemos escoger si el enlace abre una nueva ventana o no, y sobre todo resulta de agradecer, la posibilidad de especificar la relación de este.
El entorno gráfico de Gutenberg ha sido mejorado, y ahora permite alternar entre el editor en HTML y el visual de manera muy rápida. Además, se ha incluido un modo a pantalla completa, que combinada con la opción de ocultar la barra lateral del menú, logra una gran amplitud.
Por último, queremos compartir nuestras impresiones. Aunque las novedades son numerosas y muy interesantes, parece que su funcionamiento continúa sin ser el deseado.
Las opciones de configuración de los bloques siguen siendo muy simples y básicas. Si bien es cierto que están orientadas a usuarios que pudieran carecer de conocimientos acerca de código CSS, algunas de las opciones siguen faltas de propiedades básicas.
También echamos en falta un «scroll» de pantalla que acompañe al cursor a la hora de ordenar los bloques. Cuando las entradas o páginas son largas, si queremos mover un bloque de principio a fin, la tarea sigue resultando compicada.
En conclusión, la apuesta de WordPress por Gutenberg resultó arriesgada en su día, pero muy necesaria. La tendencia marcaba la creciente demanda de editores visuales frente al uso de editores de texto o código. Aunar ambas en un solo editor polivalente es a nuestro parecer, una jugada maestra. Eso sí, no es oro todo lo que reluce y aunque en nuestro equipo estamos encantados con WordPress 5.4 y su Gutenberg, creemos que hay un amplio margen de mejora. Nos alegra saber que tas la última actualización, la comunidad va bien encaminada.
Esperamos que te haya gustado nuestro artículo. ¡Te esperamos en el próximo!
En este artículo, aprenderás qué es el Lazy Loading y cómo implementarlo fácilmente en tu… Leer más
En esta guía práctica, te explicamos qué es el presupuesto de rastreo, por qué es… Leer más
¿Alguna vez te has encontrado con un mensaje que te invita a actuar, ya sea… Leer más
Una de las preguntas más comunes entre los desarrolladores web que comienzan a usar JavaScript… Leer más
Descubre qué es y para qué sirve la preimpresión digital para conseguir una buena impresión… Leer más
Ampliamos información para las redes sociales. Descubre cómo gestionar correctamente los consentimientos necesarios en las… Leer más
Ver comentarios