Il 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 può essere collocato in qualsiasi posizione, per una flessibilità completa.
Per aggiungere il
:- Nel pannello a sinistra, fai clic su Widget.
- Tieni premuto e trascina il Forma sul tuo sito.
Per maggiori informazioni sull'aggiunta di Aggiungere widget.
al sito, vediEditor di contenuto
Per accedere all'editor dei contenuti:
- Fai clic con il tasto destro del mouse sul e poi su Modifica contenuto.
- Seleziona una forma.
- Per aggiungere un link alla forma, fai clic su Aggiungi link.
- Inserisci un titolo e una descrizione per la forma. Per nasconderli, fai clic sull'icona a forma di occhio (
).
- Inserisci il testo alternativo e una descrizione per la forma.
Editor di design
Per accedere all'editor del design:
- Fai clic con il tasto destro del mouse sul , quindi fai clic su Modifica design.
- Fai clic su Layout per selezionare un layout diverso per la forma.
- Per posizionare il al di sopra o in sovrapposizione a un'immagine o a un altro , fai clic sulla scheda Spaziatura e configura i margini in modo da ottenere un valore negativo (es. -50 px).
Verifica che le impostazioni di design definite siano adatte al dispositivo. Impostazioni come spaziatura (dell'intero Modifiche in base al dispositivo.
e dei singoli elementi), ampiezza e altre caratteristiche sono definite in base al dispositivo. Per ulteriori informazioni, vediPer maggiori informazioni su opzioni di progettazione che non sono specifiche per questo Design dei widget.
(es. layout, stile o spaziature), vediEsempi
Creare una forma nell'intestazione
Per creare una forma nell'intestazione:
- 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.
Usare una forma come pulsante
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).
Evidenziare un piano o servizio specifico
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.
- 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).
Creare un pulsante di scorrimento
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.
- 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).