Categories
WordPress

Les Novetats de WordPress 5.8 (Tatum)

WordPress 5.0 era la versió en la qual se substituïa definitivament l’editor clàssic per l’editor de blocs, popularitzat fins aquell moment com a Gutenberg. Aleshores hi havia un descontentament bastant generalitzat a la comunitat WordPress amb aquesta decisió. Val a dir que tot i que el meu descontentament no era total, jo no ho tenia gens clar amb aquest nou editor, ja l’havia provat com a plugin i no m’acabava de fer el pes. Això em va motivar a escriure la que seria una de les meves primeres entrades en aquest blog, en la que explicava diferents maneres de desactivar l’editor de blocs Gutenberg el mateix dia que s’alliberava la 5.0.

Han passat gairebé tres anys ja i l’equip de desenvolupament del nucli de WordPress ha alliberat el que ells anomenen com a la propera parada del camí cap a l’edició completa del lloc web, WordPress 5.8 «Tatum». Aquesta nova versió del nostre gestor de continguts preferit, com sempre ve amb nom honorífic a un músic de jazz, el pianista Art Tatum. En aquest article farem un breu repàs a les novetats més notables que incorpora aquesta darrera versió i l’editor de blocs.

🎹 Les tres grans novetats de «Tatum»

Tots sabem que WordPress és un CMS poderós, i seva la nova versió arriba amb tres nous poders que de ben segur es tornaran essencials a partir d’ara.

Gutenberg ha arribat als widgets de WordPress

Sens dubte la característica més notable d’aquesta última versió és l’edició dels widgets. A partir d’ara aquests funcionen directament amb l’editor de blocs, donant així encara més flexibilitat a les barres laterals de WordPress.

No cal dir la d’oportunitats que ens obra aquesta eina, tota la biblioteca de blocs del nucli (i la de tercers, evidentment) al nostre servei, infinites possibilitats de personalització sense haver de picar una sola línia de codi.

Però no només això, sinó que ho podrem treballar directament al personalitzador del tema, i gaudir així de la vista prèvia que ens dóna aquest apartat de l’administrador de WordPress.

Nou gestor de blocs per als widgets

Nous blocs i patrons per mostrar les publicacions

El bloc “Últimes entrades” se’t quedava curt? Sí, oi? A mi també. Però això s’ha acabat, gràcies a aquest al nou bloc “Consulta bucle”, juntament amb una sèrie de blocs “perifèrics” que l’acompanyen (títol de l’entrada, contingut de l’entrada, data de l’entrada, extracte de l’entrada i imatge destacada de l’entrada) podràs crear qualsevol llistat d’entrades que necessitis. De fet és com si estiguessis creant una consulta directament en PHP, podràs triar el tipus d’entrada, el seu ordre, filtrar-los segons taxonomies, autors, i paraules claus, i evidentment també podràs definir-ne el numero. Però tot això ho faràs amb els blocs, sense escriure res de codi.

A tot això suma-li els suggeriments de patrons que et facilitaran crear el disseny que necessites per la teva pàgina de llibres, de cursos, del que necessitis. Sens dubte és un dels nous blocs que més em fascina.

Entrades amb nous blocs i patrons

Ja es poden editar les plantilles d’entrada

Les novetats al voltant de l’editor de blocs no s’acaben aquí, és notable que aquest cada cop té més i més presència dins de WordPress. Si el teu tema té l’opció “block-theme” activada, podràs no només editar les teves pàgines i entrades, sinó que també les seves plantilles mitjançant l’editor de blocs i aprofitar així els més de 20 nous blocs amb els que compta Gutenberg.

Nova edició de les plantilles de les entrades

✍ Facilitant el flux de treball de WordPress

Sembla que en aquesta nova versió les grans novetats arriben de tres en tres, i és que tres són les principals novetats enfocades en millorar la nostra productivitat.

Una millor visió de l’estructura de la pàgina

Sovint en crear el disseny que ens cal, ens veiem en la necessitat d’«afillar» múltiples blocs entre si; un bloc de grup on poder triar l’etiqueta HTML principal i el color de fons, a dins d’aquest un bloc de columnes per poder separar el contingut en 3 columnes, i a dins d’aquestes columnes incloure una sèrie de blocs més per donar forma a cada contingut (imatges, títols, textos, botons, etc.) Això crea estructures complexes en les quals es torna complicat navegar de forma àgil des de Gutenberg quan creem o editem la pàgina.

Per aquest motiu, WordPress ens facilita una nova eina enfocada 100% a la productivitat. Amb un simple clic podrem activar i desactivar la “Vista del llistat”, que ens permetrà navegar de forma àgil per tota l’estructura de la nostra pàgina i trobar ràpidament l’element que estem buscant.

La vista del llistat facilita la navegació entre blocs

Suggerències de patrons per als blocs

Sens dubte els patrons de blocs ens inspiren en com donar estil al nostre lloc web sense ni tan sols tenir que sortir del editor. A partir d’ara l’eina de transformacions de blocs ens permetrà convertir i canviar els patrons segons el bloc que estiguem fent servir.

Transformacions de patrons suggerirà patrons basats en el bloc actual

Edició de les imatges des del mateix editor de blocs

Els blocs d’imatge i coberta, pugen de nivell amb aquestes noves funcionalitats de Gutenberg. Per una banda, podrem retallar les imatges al nostre gust. Per l’altre, podrem aplicar el que s’ha anomenat com a “filtre bitó”. Tot això sense tenir que sortir de l’editor de blocs.

Aquest filtre el que fa, és passar la imatge a blanc i negre. Però el millor és que aquests 2 colors, blanc i negre, no calen que siguin blanc i negre, sinó que els podrem triar nosaltres mateixos des d’un selector. Això ens permetrà que les imatges quedin més integrades amb la paleta de colors de la nostra pàgina web.

Per acabar-ho d’arrodonir, en el cas del bloc de coberta, podrem aplicar aquests mateixos efectes per als vídeos.

Dóna estil i color a les imatges amb els filtres bitò

🤓 Novetats a WordPress també pels desenvolupadors

API d’estils i paràmetres globals pel theme i els blocs

Ja és disponible la primera versió de les API d’estils i paràmetres globals. Mitjançant l’arxiu theme.json del tema actiu tenim la possibilitat de configurar l’editor, les eines de personalització disponibles i l’estil dels blocs, definint així els estils i activant o desactivant les funcionalitats predeterminades tant pels blocs com per tota la web.

Theme.json, les APIs d'estils i paràmetres globals de WordPress

WordPress ja no és compatible amb l’Internet Explorer 11

No sé per què això hauria d’estar passant, però en el cas que encara estiguis fent servir Internet Explorer 11, tens un nou motiu per passar-te per Browse Happy i descarregar-te qualsevol dels navegadors moderns que hi ha actualment.

WordPress ha eliminat la compatibilitat amb IE11 i si no modernitzes el teu navegador web, podries trobar-te amb algun problema en la gestió del lloc web desenvolupat amb WordPress, sento dir-te que aquest no se solucionarà en el futur.

WebP arriba a WordPress de forma nativa

Si vols una pàgina més ràpida i que consumeixi menys amplada de banda, t’agradarà saber que WordPress ha afegit suport per imatges WebP.

WebP o “weppy” és un format d’imatge modern més eficient que PNG o JPEG, capaç d’oferir imatges fins a un 30% més lleugeres, més comprimides i tot això amb menys pèrdues de qualitat.

Estenent el suport de blocs

WordPress 5.8 compta amb unes quantes etiquetes de suport de blocs nous i noves opcions de personalització per als blocs ja registrats. Estenent així el suport de blocs implementat en les versions 5.6 i 5.7.

 

Com comentava al principi de l’article, han passat gairebé tres anys i val a dir que la meva postura vers Gutenberg ha canviat i molt. Cada cop m’agrada més! I tot i que durant aquests anys, han donat un parell de voltes en temes d’usabilitat que, personalment, m’han desconcertat, crec que cada cop tenim un editor de blocs més i més sòlid.

Realment cada cop tinc més ganes de què l’edició completa del lloc web sigui una realitat. I tu?