WordPress va llançar la versió 13.0 de Gutenberg que inclou nombroses millores que l’apropen a uns quants grans passos per convertir-se en el creador de llocs web fàcil d’utilitzar que pretén ser.
Aquesta actualització de Gutenberg és una fita important perquè les funcions d’aquest connector s’inclouran dins del nucli de WordPress 6.0, que actualment està previst per al llançament el 24 de maig de 2022 i això és molt important en el món de les publicacions.
Editor Gutenberg de WordPress
Gutenberg és un creador de llocs web d’estil visual dissenyat per facilitar la creació de llocs web als editors.
S’anomena visual per descriure el procés de creació d’un lloc mitjançant una interfície d’arrossegar i deixar anar o apuntar i fer clic en un llenç virtual que es pot visualitzar com apareixerà mentre el dissenyeu.
En lloc de manipular codi, amb aquest estil de creació de llocs web, l’editor està manipulant elements de la pàgina web com la capçalera o el peu de pàgina. Aquests elements de la pàgina web s’anomenen blocs.
Aquesta és una manera de crear llocs web que existeix des de fa molt de temps en diferents formes, almenys des de finals de la dècada de 1990 amb la introducció del programari Macromedia (ara Adobe) Dreamweaver de creació de llocs web.
Aleshores, aquest estil de creació de pàgines web s’anomenava habitualment com una interfície WYSIWYG (What You See is What You Get).
Els complements de WordPress com Divi i les plataformes de creació de llocs web SaaS que no són de WordPress han ajudat durant anys els editors a crear llocs amb una interfície visual de creació de llocs web.
Gutenberg és la versió de WordPress de la interfície visual del creador de llocs web que facilita la creació d’un lloc web.
L’avantatge de Gutenberg és que forma part del propi nucli de WordPress, la qual cosa (en teoria) ajuda a fer que els llocs web creats amb Gutenberg funcionin més ràpidament que utilitzar un complement de tercers.
Gutenberg 13.0 ofereix múltiples millores que ajudaran a WordPress 6.0 a ser un pas endavant important per al món de les publicacions i això és molt emocionant.
Blocs Gutenberg
La interfície de disseny de Gutenberg es descriu utilitzant la paraula blocs. A efectes de disseny, una pàgina web es divideix en seccions anomenades blocs.
La part superior coneguda com a capçalera és un bloc. El menú de navegació és un bloc. I els costats on van diversos ginys també són un bloc.
Cada bloc es pot moure i manipular per crear un disseny de pàgina web.
Per tant, el bloc de la part superior de la pàgina on va la imatge destacada es pot dissenyar individualment amb un punt i clic amb facilitat. Només cal que feu clic al bloc al qual voleu afegir text o una imatge de fons i, a continuació, trieu en un menú contextual per fer el que vulgueu.
Seleccioneu Text entre blocs
Una millora innovadora introduïda a Gutenberg 13.0 (i a WordPress 6.0) és la possibilitat de seleccionar text en diversos blocs. Això és important perquè els blocs existeixen com una manera de dissenyar l’aspecte de la pàgina web i el text és una cosa que es deixa caure dins d’aquests blocs.
Aquesta nova característica ofereix a l’editor més llibertat per crear una pàgina web sense estar restringit per regles (aparentment) arbitràries, com ara no poder seleccionar text en diversos blocs.
Patrons de nivell de pàgina
Aquesta és una característica innovadora que fa que Gutenberg sigui uns quants passos més a prop de ser un creador de llocs web fàcil d’utilitzar.
La funció de patrons es va introduir l’any 2020 a la versió 7.8 de Gutenberg com una API perquè els desenvolupadors l’utilitzin per crear patrons de disseny per a seccions d’una pàgina.
El que fa la darrera versió de la funció de patrons és habilitar plantilles de pàgina que es poden seleccionar com a punt de partida per crear un disseny de pàgina web.
Així, en comptes d’iniciar una pàgina web des de zero, un editor pot començar amb un patró preconfigurat per a una pàgina sencera i després personalitzar la pàgina des d’allà.
Aquesta és una característica que ja és habitual en molts creadors de pàgines de WordPress existents, així com en els creadors de llocs web SaaS. Per tant, és un pas endavant definitiu perquè WordPress tingui finalment aquesta funció.
Manipulació del disseny de pila o fila
Continuant amb l’objectiu de facilitar el disseny de WordPress, la nova versió de Gutenberg permet organitzar els blocs seleccionats com a disposició de blocs o files.
I a partir d’aquí un editor pot utilitzar el menú contextual per manipular encara més el disseny.
Aquí teniu un vídeo que mostra com funciona:
L’anunci de WordPress ho descriu:
“Ara s’agrupen fàcilment els blocs en un disseny de pila o un disseny de fila amb un sol clic.
A Gutenberg 13.0, la selecció de molts blocs alhora exposa les variacions de pila i fila del bloc de grup directament a la barra d’eines”.
Bloquejar el control de fronteres
Es tracta d’un perfeccionament d’una característica ja existent amb un nou component BorderControl.
Un menú contextual ofereix una manera de controlar les vores al voltant del bloc per canviar l’estil, el color i l’amplada.
Utilitzeu la imatge destacada al botó de bloc de portada
Un bloc de portada és un bloc especialitzat que es pot utilitzar per crear la secció d’imatge d’heroi a la part superior de la pàgina. El fons del bloc pot ser un color, una imatge o un vídeo.
L’actualització del bloc de portada afegeix un botó perquè pugui utilitzar instantàniament la imatge destacada per a la pàgina web.
Sembla una cosa menor, però en realitat és una funcionalitat important.
L’anunci de WordPress va entusiasmar:
“Amb el bloc de portada actualitzat, la imatge destacada de la publicació ja no és una idea posterior, sinó que és una part integral de la publicació. Només cal que feu clic al botó “Utilitza la imatge destacada” i ja està!”
Hi ha moltes més millores acumulades a Gutenberg 13.0 que contribueixen a fer d’aquesta una actualització significativa de l’editor de blocs de WordPress que finalment arribarà a la següent versió de WordPress, la versió 6.0.
