Categorie di widget: Media
Il widget Shape è uno strumento di progettazione che può essere utilizzato per evidenziare messaggi importanti. Crea pulsanti e banner, richiama premi ed evidenzia i prezzi di vendita. Puoi aggiungere un'immagine, colorare lo sfondo e il testo, controllare le dimensioni e aggiungere ombre. Il widget può essere posizionato in qualsiasi posizione per una flessibilità completa
-
Seleziona una forma.
-
Per aggiungere un link alla forma, fai clic su Aggiungi link (per ulteriori informazioni sui link, vedi Selettore di link.
-
Digita un titolo e una descrizione per la forma. Per nascondere il titolo e la descrizione, fai clic su occhio (
) icona.
-
Digita il testo alternativo e una descrizione comando per la forma.
Nota
Digita il tuo testo alternativo o fai clic su Sparkle (
) icona per utilizzare l'Assistente AI per generare testo alternativo.
testo alternativo generato dall'Assistente AI è nella stessa lingua della lingua corrente della pagina. Per ulteriori informazioni sull'Assistente AI, consulta Panoramica degli strumenti di intelligenza artificiale.
-
Per passare da un colore a uno sfondo dell'immagine, fai clic su Layout .
-
Per modificare l'immagine predefinita, accedi al Stile scheda e seleziona immagine scheda.
Nota
Se il Mantieni le proporzioni è disattivata, le proporzioni dell'immagine verranno adattate ai widget (solo editor classico).
-
-
Regola la larghezza, l'altezza e l'effetto al passaggio del mouse (per desktop) nel Stile scheda.
Nota
Nelle sezioni Flex e nell'Editor 2.0, le proporzioni della forma vengono mantenute per impostazione predefinita, anche se l'opzione Mantieni proporzioni è disattivata.
-
Per posizionare il widget sopra o sovrapporre un'immagine o un altro widget, fai clic su Spaziatura tab e configura i margini in modo che siano un numero negativo (ad esempio, -50px).
-
Per rendere l'icona un widget mobile, abilita il Flottante attiva e seleziona una posizione per il widget. Per visualizzare il widget mobile solo nella pagina corrente, Mostra solo in questa pagina attiva/disattiva.
Assicurati che le impostazioni di progettazione definite siano corrette per dispositivo. Impostazioni come la spaziatura (dell'intero widget e dei singoli elementi), la larghezza e altro sono definite per dispositivo Per ulteriori informazioni, consulta Dimensioni dello schermo e dispositivi.
Per creare un layout interessante con una forma amorfica:
-
Crea una riga con due colonne.
-
Scegliete una forma amorfica e aggiungetela alla colonna di destra.
-
Rendi la forma grande quanto la colonna.
-
Nel Design Editor, seleziona il layout con l'immagine di sfondo e sostituisci l'immagine con quella desiderata.
Per utilizzare una forma come pulsante aggiungendo un link e un effetto al passaggio del mouse:
-
Seleziona la forma del cerchio e aggiungi un titolo e una descrizione.
-
Seleziona i colori per la forma e i testi.
-
Per posizionare la forma nell'angolo di un'immagine, usa un margine negativo sul lato sinistro della forma (spaziatura > margine > -50 px margine sinistro e superiore).
Per utilizzare 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 le 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'opzione Mantieni proporzioni è disattivata.
-
Seleziona i colori per la forma e i testi.
-
Per posizionare la forma in modo che si sovrapponga alla parte superiore di una colonna, utilizzate un margine superiore negativo (spaziatura > margine > margine superiore di -30 px).
Per utilizzare una forma per creare un pulsante di scorrimento:
-
Scegli la forma del rombo e aggiungi un titolo.
-
Disattiva Mantieni le 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'opzione Mantieni proporzioni è disattivata.
-
Seleziona i colori per la forma e i testi.
-
Per posizionare la forma sopra un'immagine, usa un margine superiore negativo (spaziatura > margine > margine superiore -50 px).