Con cada nueva versión de WordPress se van también añadiendo nuevas características al editor. Parece que hace poco, pero hace menos de un mes que se ahn cumplido cuatro años desde que el renovado editor de WordPress está entre nosotros. Y en estos años hemos visto en directo como se ha ido conformando hasta ser lo que es hoy. Incluso en Silo Creativo ya hemos creado tres plantillas basadas en bloques: Trouvelot, Illustric y nuestro recién estrenado Makerly. Y esta experiencia nos ha servido para conocer las fortalezas del editor, pero también algunos puntos que podrían mejorar.
Por este motivo y aprovechando que tenemos recién estrenado el año, una pequeña lista de deseos de características que nos gustaría ver en el editor de WordPress a lo largo de 2023. No nos queremos centrar solo en nuevas inclusiones en las propiedades de ciertos bloques, sino también inclusiones a nivel general en el editor, y que creemos que podrían beneficiar en el flujo de trabajo no solo de diseñadores, sino también de usuarios con poca experiencia que quieran construir su propia web con WordPress sin necesidad de escribir código.
Así que no tardemos más, y veamos cuales son algunos de nuestras peticiones para el futuro.
Nombres personalizados de los bloques en la Vista de lista
La Vista de lista es una de las mejores opciones, no solo para saber cuántos y qué bloques estamos usando, sino para seleccionarlos de forma rápida sin tener que estar explorando el viewport. El problema llega cuando, por ejemplo, tenemos muchas secciones dentro de un mismo diseño. Personalmente, y para mantener cierto orden, me gusta agrupar cada una de las diferentes secciones que forman un diseño dentro de un bloque Grupo. El problema llega cuando tenemos una páginas con muchas secciones, y la Vista de lista se convierte en esto:
Es casi imposible saber que grupo corresponde con cada sección, incluso cuando se despliega, ya que tendría que recordar los bloques que la componen. Los que solemos trabajar con Illustrator y/o Photoshop sabemos que existe una solución simple, y es que alí podemos renombrar las capas. Pues de la misma forma, estaría bien que pudiésemos personalizar los nombres de los bloques en la Vista de lista. Por suerte, hace poco descubrí que Rich Tabor tiene abierto un issue en GitHub sobre este tema, y parece que cabe la posibilidad de verlo en el futuro.
Si entramos en el enlace de GitHub que hemos puesto antes, veremos que existen varias soluciones, como que se cambie el nombre por completo en la Vista de lista, que se mantenga el nombre del bloque junto con el nombre personalizado, que el cambio también se muestre en los ajustes de bloque. La verdad es que las opciones son múltiples, y creo que haría ganar muchos enteros a la usabilidad del editor.
Poder crear estilos globales desde el propio editor
Los estilos globales posiblemente sean una de mis incorporaciones favoritas el Site Editor. Nos permiten hacer variaciones de estilos dentro de una misma plantilla, como cambiar la paleta de colores o modificar el tipo de fuente. Por desgracia, tiene algunas limitaciones. Una de ellas es que no podemos crear estilos globales dentro del editor. La única posibilidad es, o creamos un estilo global tirando de código, o modificamos algunos de los que tenga disponible la plantilla. El problema viene si ese plantilla solo tiene un estilo global, por lo que al modificarlo lo perdamos. A menos que reestablezcamos sus valores por defecto, pero perdemos los estilos que hayamos modificado.
Una solución podría ser agregar la opción de crear estilos globales, al igual que podemos crear plantillas, ya sea haciéndolas desde cero o tomando como base alguno de los estilos globales base de la plantilla. Esto haría no solo que como diseñadores poder hacer todo el trabajo desde el editor, sino también da la posibilidad de que el usuario final sea capaz de crear los suyos propios sin tener que entrar en tema de creación de archivos en el directorio de WordPress y escribir código.
Menos scroll en los ajustes de bloque
Con cada actualización de WordPress, se van añadiendo nuevos ajustes en los bloques. Que incluso podemos ir utilizando en tiempo real si instaláis el plugin Gutenberg. Y con cada novedad, como tuvimos hace poco con la posibilidad de añadir rellenos y márgenes en un bloque, la lista de ajustes de bloque es cada vez más larga. Por lo que hay ocasiones que para llegar a cierto parámetro, tenemos que empezar a hacer scroll como locos en el panel derecho de opciones.
Por suerte, parece que esto puede tener una solución cercana, ya que si tenéis el plugin de Gutenberg instalado, y vais a su apartado de Experimentos, podemos activar la opción que hace que en los ajustes de bloques se dividan en dos pestañas: apariencia y ajustes.
En la primera pestaña se agrupan las opciones de apariencia, como son todo el tema de colores, tipografías, rellenos, margines, bordes… Y en la pestaña de ajustes, los relativos a su disposición o los ajustes avanzados. Un poco de orden en los ajustes de bloque, que nunca viene mal.
Estilos al hacer hover
No vamos a pedir un ajustes complejos para crear animaciones con bloques, ya que eso daría casi para un plugin aparte. Pero al menos ciertos cosas básicas en ciertos tipos de bloques, si que podríamos tener alguna opción de añadir efectos muy utilizados, como el hover en botones. Con esto no me refiero a complejas animaciones al poner el cursor sobre un botón sino, por ejemplo, a efectos sencillo como un cambio de color. O si nos vamos a otros elementos, como un hipervínculo, que se pueda cambiar de color, o añadir un subrayado.
Posibilidad de añadir/editar iconos en algunos bloques
Seguimos hablando de botones, ya que otra opción que echamos en falta es la de poder insertar un icono dentro de un botón. Y es que este tipo de botones es algo cada vez más común, que le dan un aspecto más llamativo, a la vez que pueden añadir más información mientras navegamos.
Por supuesto que podemos hacer esto de otras formas, como creando un grupo y dentro añadir una fila con una imagen junto a un texto. Pero no es ni lo más correcto, ni tampoco es lo más óptimo. Y esta posibilidad de añadir iconos podría también ampliarse al bloque de navegación, ya que la imagen cuando está el menú cerrado se limita a un icono de dos rayas, o de tres. Estaría bien que pudiésemos añadir aquí un icono personalizado.
Y con esto terminamos. Seguro que se nos han quedado algunas colgadas, pero estas cinco son las más importantes, y las que recibiríamos con los brazos abiertos en Silo Creativo. No solo creemos que añadirían funcionalidades que mejorarían nuestros diseños en WordPress, sino que también nos harían tener un flujo de trabajo más óptimo.
Eso sí, no queríamos perder la oportunidad para preguntaros cuales novedades os gustaría ver en el editor de WordPress. Nos las podéis dejar en los comentarios.
