Categorie di widget: Media
Il widget Forma è un pratico strumento di progettazione che può essere usato per mettere in evidenza messaggi importanti, per esempio per creare pulsanti e banner, bandire premi o evidenziare i prezzi di vendita. È possibile aggiungere un'immagine, sfondo e testo a colori, regolare le dimensioni e perfino aggiungere ombre. Il widget può essere collocato in qualsiasi posizione, per una flessibilità completa.
-
Seleziona una forma.
-
Per aggiungere un collegamento alla forma, fare clic su Aggiungi collegamento (per ulteriori informazioni sui collegamenti, vedere Selezione collegamenti.
-
Digitare un titolo e una descrizione per la forma. Per nascondere il titolo e la descrizione, fare clic sull'icona a forma di occhio (
).
-
Inserisci il testo alternativo e una descrizione per la forma.
Nota
Digita il tuo testo alternativo o fai clic sull'icona Sparkle (
) per utilizzare l'assistente AI per generare il testo alternativo.
Il testo alternativo generato dall'assistente AI è nella stessa lingua della lingua corrente della pagina. Per ulteriori informazioni su AI Assistant, vedere Panoramica e funzionalità di AI Assistant.
-
Per passare da un colore a uno sfondo immagine, fare clic su Layout .
-
Per modificare l'immagine predefinita, vai alla scheda Stile e seleziona la scheda Immagine .
Nota
Se l'opzione Mantieni proporzioni è disattivata, le proporzioni dell'immagine verranno regolate in base a quelle del widget (solo editor classico).
-
-
Regolate la larghezza, l'altezza e l'effetto hover (ad desktop) nella scheda Stile .
Nota
Nelle sezioni Flex e nell'Editor 2.0, le proporzioni della forma vengono mantenute per impostazione predefinita, anche se l'interruttore Mantieni proporzioni è disattivato.
-
Per posizionare il widget sopra o sopra un'immagine o un altro widget, fai clic sulla scheda Spaziatura e configura i margini in modo che siano un numero negativo (ad esempio, -50px).
-
Per rendere l'icona un widget mobile, abilita l'interruttore Mobile e seleziona una posizione per il widget. Per visualizzare il widget mobile solo sulla pagina corrente, abilitare l'interruttore Mostra solo su questa pagina .
Assicurati che le impostazioni di progettazione definite siano corrette per ogni dispositivo. Impostazioni come la spaziatura (dell'intero widget e dei singoli elementi), la larghezza e altro ancora sono definite per dispositivo. Per ulteriori informazioni, vedere Dimensioni dello schermo e dispositivi.
Per creare un layout interessante con una forma amorfica:
-
Crea una riga con due colonne.
-
Scegli una forma amorfa e aggiungila alla colonna di destra.
-
Rendi la forma grande come la colonna.
-
Nell'editor di progettazione, seleziona il layout con l'immagine di sfondo e sostituisci l'immagine con quella desiderata.
Per usare una forma come pulsante aggiungendo un link e l'effetto hover:
-
Seleziona la forma del cerchio e aggiungi un titolo e una descrizione.
-
Seleziona i colori della forma e dei testi.
-
Per posizionare la forma sull'angolo di un'immagine, usa un margine negativo sul lato sinistro della forma (spaziatura > margine > -50 px sui margini sinistro e superiore).
Per usare le forme per evidenziare un piano o un servizio specifico:
-
Scegli la forma della bandiera e aggiungi un titolo e una breve descrizione.
-
Disattiva Mantieni proporzioni in modo da poter regolare solo la larghezza.
Nota
Nelle sezioni Flex e nell'Editor 2.0, le proporzioni della forma vengono mantenute per impostazione predefinita, anche se l'interruttore Mantieni proporzioni è disattivato.
-
Seleziona i colori della forma e dei testi.
-
Per posizionare la forma in modo che si sovrapponga alla sommità di una colonna, imposta il margine superiore in negativo (spaziatura > margine > -30 px margine superiore).
Per usare una forma per creare un pulsante di scorrimento:
-
Scegli la forma del rombo e aggiungi un titolo.
-
Disattiva Mantieni proporzioni in modo da poter regolare solo la larghezza.
Nota
Nelle sezioni Flex e nell'Editor 2.0, le proporzioni della forma vengono mantenute per impostazione predefinita, anche se l'interruttore Mantieni proporzioni è disattivato.
-
Seleziona i colori della forma e dei testi.
-
Per posizionare la forma sopra un'immagine, usa un margine superiore negativo (spaziatura > margine > -50 px di margine superiore).