I widget sono gli elementi chiave di un sito, che ti consentono di aggiungere e gestire i contenuti in modo efficace. Servono come elementi essenziali che migliorano sia la funzionalità che il design del tuo sito web. Incorporando vari tipi di widget, puoi creare un'esperienza utente dinamica e coinvolgente.
Esistono diversi metodi per aggiungere widget. Di seguito è riportato come aggiungere widget:
Per aggiungere widget dalla libreria widget :
-
Nel pannello laterale, fai clic su widget per aprire la libreria widget.
-
I widget possono essere cercati utilizzando la barra di ricerca in alto o scorrendo le diverse sezioni della libreria.
-
-
Fai clic e trascina il widget nella posizione desiderata nel sito. Viene visualizzato un indicatore di posizionamento blu.
-
Il widget viene visualizzato nella posizione mostrata dall'indicatore di posizionamento blu.
Quando aggiungi un widget al tuo sito, fai attenzione al testo nell'indicatore di posizionamento blu:
-
Inserisci qui. Il widget verrà aggiunto a una riga o colonna esistente.
-
Inserisci in una nuova riga. Verrà aggiunta una nuova riga e il widget verrà posizionato al suo interno.
-
Inserisci in una nuova colonna. Verrà aggiunta una nuova colonna e il widget verrà posizionato al suo interno.
Per aggiungere widget dall'area di disegno:
-
Fare clic con il pulsante destro del mouse su qualsiasi widget e selezionare Aggiungi widget di seguito nel menu contestuale per aggiungere widget immediatamente sotto il widget corrente.
-
Se si fa clic con il pulsante destro del mouse su una colonna, fare clic su Aggiungi e selezionare Aggiungi widget di seguito
(Rilevante perClassic, modalità Flex ed Editor 2.0)
-
-
Seleziona tra i quattro widget più popolari o fai clic su Altri widget per aprire il menu completo. Dopo aver aggiunto il widget, puoi modificarlo come al solito.
Puoi personalizzare i widget per regolare il contenuto, l'aspetto e il layout del tuo sito. La modifica dei widget ti consente un maggiore controllo sulle funzionalità del tuo sito e sul loro comportamento.
La maggior parte dei widget ha un'area per il suo contenuto e il suo design.
La maggior parte delle widget nell'editor dispone di opzioni di design che ti consentono di personalizzare l'aspetto del widgetper il tuo sito. Non tutti i widget hanno le stesse opzioni. Ad esempio, alcuni widget non consentono di modificare la spaziatura interna, altri non consentono di modificare la spaziatura esterna.
Di seguito sono riportate le impostazioni di progettazione comuni.
Le opzioni di layout sono generalmente specifiche per determinati widget. Per selezionare dal set di opzioni di layout disponibili per quel widget, fai clic sul layout che appare nell'Editor di progettazione (o fai clic sulla piccola freccia accanto ad esso) per aprire il menu Seleziona layout. Per modificare il layout selezionato, fare clic sul layout che si desidera utilizzare e verrà aggiornato nel widget.
Esempio di sezione di layout nella scheda Progettazione :
-
Colore. Fare clic sull'icona del colore rotondo a destra del nome dell'impostazione per aprire il selettore di colori e modificare il colore.
-
Bordo. Modifica la larghezza del bordo utilizzando il dispositivo di scorrimento o la casella di testo. Fare clic sull'icona a forma di ingranaggio (
) per ulteriori opzioni.
-
Sfondo. Utilizza un'immagine di sfondo o un colore per questo widget utilizzando la finestra di dialogo Scegli e posiziona immagini o l'URL di un video.
-
Larghezza e altezza. Utilizzare il dispositivo di scorrimento o la casella di testo per modificare il numero di pixel.
-
Angoli arrotondati. Aumenta o diminuisci gli angoli arrotondati di un widget. Fare clic sull'icona a forma di ingranaggio (
-
Ombre. Attiva o disattiva un'ombra per questo widget.
-
Testo. Imposta vari aspetti del testo, come la famiglia di caratteri, il peso del carattere, ecc.
I widget che incorporano un pulsante offrono la possibilità di selezionare se il pulsante eredita lo stile del pulsante principale o secondario definito nel pannello del tema. Inoltre, è possibile scegliere tra i diversi layout dei pulsanti, apportare modifiche allo stile del pulsante (larghezza, altezza) e al testo del pulsante (carattere, dimensione del testo) e regolare la spaziatura interna ed esterna.
Qualsiasi modifica apportata all'interno dell'editor di design sovrascriverà gli stili impostati a livello di pulsante del tema. Se è necessario ripristinare lo stile del pulsante del tema, fare clic su Ripristina stile del tema.
-
Se vengono apportate modifiche al pulsante (che sovrascriveranno gli stili impostati a livello di pulsante del tema), sarà ancora presente una casella di indicazione sullo stile del pulsante Primario o Secondario.
-
Se lo stile del pulsante che non ha la casella dell'indicatore viene cliccato, il pulsante verrà reimpostato sullo stile impostato a livello di pulsante del tema.
Modifica la spaziatura interna (spaziatura all'interno dei bordi del widget) e la spaziatura esterna (spaziatura all'esterno dei bordi del widget). Ogni numero nella casella esterna imposta la spaziatura esterna per il proprio lato (superiore, inferiore, sinistro o destro) e ogni numero nella casella interna imposta la spaziatura interna per il proprio lato (superiore, inferiore, sinistro o destro).
Per informazioni dettagliate, vedere Spaziatura esterna e interna
Le animazioni di ingresso ti consentono di animare i widget e i widget di pagina quando vengono caricati per la prima volta sul tuo sito. Il movimento e l'interattività rendono il tuo sito più memorabile e possono enfatizzare le sezioni su cui vuoi che i visitatori si concentrino, come un numero di telefono o un pulsante di contatto.
Inoltre, puoi controllare dove inizia e finisce l'animazione sullo schermo utilizzando le impostazioni di scorrimento.
Per aggiungere un'animazione:
-
Vai alla sezione Animazione .
-
Seleziona un trigger ( ingresso o scorrimento) e un'animazione.
-
(Facoltativo) Personalizza l'animazione (ad esempio, la direzione da cui entrerà).
Esempio di configurazione dell'animazione:
Per ripristinare l'animazione, fare clic su Ripristina impostazioni predefinite.
Se si utilizza un'animazione di scorrimento, è possibile fare clic su Metti in pausa l'animazione () nel pannello laterale per mettere in pausa tutte le animazioni mentre si è in modalità di modifica. Le animazioni saranno ancora attive in modalità anteprima e sul sito live.
Nota
Le animazioni impostate per Desktop e Tablet sono collegate e saranno le stesse. Tuttavia, le impostazioni per la modalità Mobile sono separate, e le animazioni configurate per Desktop/Tablet non si applicheranno a esse.
Mentre aggiungi animazioni, ricorda quanto segue:
-
Troppe animazioni possono disorientare o distrarre gli utenti, usale con moderazione.
-
Quando rimuovi un'animazione, ricorda che le animazioni possono essere applicate sia alle righe che ai widget, quindi l'animazione che stai vedendo potrebbe essere stata aggiunta in un punto imprevisto.
Per rimuovere le animazioni:
Nota
Se un elemento non dispone di un'animazione, potrebbe essere applicato a uno dei contenitori in cui si trova l'elemento. Si consiglia di controllare tutti i contenitori per eventuali animazioni.
Imposta se il widget è allineato a sinistra, a destra o al centro della sua area.
Alcuni widget si comportano in modo molto diverso in visualizzazioni diverse. Controlla il modo in cui il tuo widget viene visualizzato in ogni vista dopo averlo aggiunto per assicurarti che venga visualizzato correttamente.
Per impostare l'allineamento, fare clic con il pulsante destro del mouse sul widget, quindi fare clic su un'icona Allinea a sinistra, Allinea al centro o Allinea a destra .
Un widget può essere copiato e incollato in un'altra posizione. L'opzione Incolla viene visualizzata solo se si dispone di un widget che è stato copiato.
Fare clic con il pulsante destro del mouse sul widget, quindi scegliere Copia o Incolla.
Attenzione
Si sconsiglia di copiare e incollare i moduli di contatto, poiché ciò in genere comporta problemi nel modulo di contatto duplicato.
Utilizza la funzione Nascondi su dispositivo per modificare i contenuti in base al dispositivo utilizzato dai visitatori per accedere al tuo sito. Ad esempio, mostra un widget Click-to-Call agli utenti mobile o un modulo di contatto agli utenti desktop.
I widget nascosti dalla funzione Nascondi sul dispositivo non vengono eliminati.
Fare clic con il pulsante destro del mouse sul widget, fare clic su Nascondi sul dispositivo, selezionare un dispositivo.
Se nel pannello laterale è presente un'icona a forma di occhio (), significa che ci sono elementi nascosti sul dispositivo che si sta modificando. Per visualizzare gli elementi nascosti, fare clic sull'icona a forma di occhio.
I link di ancoraggio ti consentono di indirizzare i visitatori a una sezione specifica della pagina, rendendo più facile per loro spostarsi da un luogo all'altro in una pagina più lunga o a una sezione specifica a cui desideri fare riferimento. Per ulteriori informazioni sugli ancoraggi, vedere Azioni e opzioni dell'area di disegno.
Fare clic con il pulsante destro del mouse sul widget e scegliere Imposta come ancoraggio.