Com ajustar qualsevol widget a l'editor visual sense escriure cap indicació

Diguem que la IA ha completat una pàgina al 90% del camí i l'últim 10%...

en aquesta pàgina

Diguem que la IA ha arribat gairebé fins al final d'una pàgina i el que queda és una opció petita: un titular que ha de quedar una mica més alt, un color lleugerament desfasat, una cantonada que ha de ser més arrodonida. Escriure una frase per descriure exactament això no sempre és més ràpid que fer clic al widget i arreglar-lo directament. Seleccioneu qualsevol widget i s'obrirà un panell amb dues pestanyes (Configuració i Estil), cadascuna dividida en exactament el que necessita el widget.

Contingut — què diu realment

El text es pot editar directament al mateix widget: text simple, text de diverses línies o text completament formatat amb negreta, cursiva i enllaços, sense sortir de la pàgina. Confirmeu amb la tecla Intro, cancel·leu amb la tecla Esc o deseu simplement fent clic, i si un widget té diversos fragments de text, com cada pregunta d'una FAQ, cadascun d'ells es pot editar individualment. Qualsevol canvi que feu aquí apareix a la pàgina a l'instant i es desa sol, de manera que veieu el resultat real mentre escriviu, no una vista prèvia que heu d'actualitzar. Les imatges i els vídeos funcionen de la mateixa manera: previsualitzeu el que hi ha, enganxeu una URL, trieu alguna cosa de la biblioteca multimèdia o esborreu-la.

Disseny — on es troba dins del widget

Es tracta de la posició, no de la redacció: una quadrícula de 3×3 et permet col·locar el contingut exactament on vols (esquerra, dreta, dalt, baix, centrat) i els botons d'alineació gestionen el text a l'esquerra, al centre, a la dreta o justificat, a més de l'alineació del bloc en si.

Enllaç — on porta a la gent

Si es pot fer clic al widget, aquí és on es troba la destinació: un camp d'URL amb validació en directe, un botó per provar-lo i un selector multimèdia integrat si la destinació és alguna cosa de la vostra biblioteca en lloc d'un enllaç extern.

Estil: Tipografia — com es veu el text

La mida és un control lliscant amb unitats adjuntes, recolzat per controls numèrics i menes desplegables d'estil per a la resta: l'aspecte del text, separat del que realment diu.

Estil: Color — amb quadres incorporats

Una paleta, una transparència i un codi hexadecimal si ja en sabeu el valor, i al costat, un indicador de llegibilitat us indica si el color serà realment llegible amb el que hi ha darrere, abans de desar res.

Estil: Espaiat — marges sense calcular

Un editor d'estil de caixa gestiona l'espai al voltant del widget: els quatre costats alhora, o cadascun per separat si el necessiteu asimètric.

Estil: Vora: com d'arrodonides són les cantonades

Un control lliscant controla directament el radi de la cantonada del widget, de manera que podeu passar de nítid a completament arrodonit sense haver de buscar un camp numèric.

Estil: Superposició i imatge — per a widgets amb fons

En un widget com ara una heroïna o una capçalera que es troba a sobre d'una imatge de fons, Imatge és on es tria aquesta imatge i Superposició és la capa fosca que hi ha a sobre: ​​més opacitat per a una imatge més fosca i menys per a una de més clara, de manera que el text de sobre es mantingui llegible sense canviar la imatge en si.

Reordenar encara és un llast

Res d'això no substitueix moure elements per la pàgina: un widget encara es pot arrossegar i deixar anar per reordenar-lo manualment, des de la pàgina mateixa o des de la vista de capes, sempre que sigui més ràpid que descriure on hauria d'anar.

El menjar per emportar

No tots els ajustaments valen una frase per a la IA. Contingut, Disseny i Enllaç cobreixen què diu un widget i on apunta; Tipografia, Color, Espaiat, Vora, Superposició i Imatge cobreixen el seu aspecte, i tots aquests canvis apareixen a la pàgina en el moment en què els feu.