La maggior parte dei widget nell'editor dispone di opzioni di progettazione che ti consentono di personalizzare l'aspetto del widget sul tuo sito. Queste opzioni possono aiutarti a creare un widget che si abbini alla perfezione allo stile del sito o che risalti e attragga l'attenzione dei visitatori. Non tutti i widget hanno le stesse opzioni. Ad esempio, alcuni widget non consentono di modificare la spaziatura interna, altri la spaziatura esterna.

Per aprire l'editor di design di un widget sul sito Web, fai clic con il pulsante destro del mouse sul widget, apri il menu contestuale e fai clic su Modifica design. Puoi aprire l'editor di design anche facendo clic sul widget e poi su Design nella parte alta della finestra del widget.

Per scoprire come aggiungere widget al sito, vedi Aggiungere widget.

Per maggiori informazioni sulla modifica dei widget, vedi Modificare i widget.

Opzioni di progettazione comuni

Layout

Le opzioni del layout in genere sono specifiche di determinati widget. Per selezionare dal set di opzioni di layout disponibili per quel widget, fai clic sul layout che appare nell'Editor di design (oppure sulla freccina accanto a quest'ultimo) per aprire il menu Seleziona layout. Per modificare il layout selezionato, fai clic sul layout che desideri utilizzare al posto di quello selezionato per caricarlo nel widget.

Stile

• Colore. Fai clic sull'icona rotonda del colore a destra del nome dell'impostazione per aprire il selettore e modificare il colore.
• Bordo . Consente di modificare la larghezza del bordo utilizzando lo slider o la casella di testo. Fai clic sull'icona dell'ingranaggio per visualizzare altre opzioni.
• Sfondo . Utilizza un'immagine o un colore di sfondo per questo widget utilizzando la finestra di dialogo Scegli e posiziona immagini o un URL video.
• Larghezza e altezza: usa lo slider o la casella di testo per modificare il numero di pixel.
• Angoli arrotondati: consente di aumentare o diminuire l'arrotondamento degli angoli di un widget.
• Ombreggiature: consente di applicare o togliere ombreggiature al widget.
• Testo. Imposta vari aspetti del testo, come la famiglia dei caratteri, il loro spessore e così via.

Pulsanti

I widget che incorporano un pulsante offriranno la possibilità di selezionare se il pulsante eredita lo stile del pulsante primario 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.

Tutte le modifiche apportate all'interno dell'editor di design sostituiranno gli stili impostati a livello di pulsante del tema. Se devi tornare allo stile del pulsante del tema, clicca su Ripristina lo stile del tema.

Pulsanti tema Primario e Secondario

• 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.

Spaziatura

Modifica la spaziatura interna (tra i bordi del widget) e quella esterna (fuori dai bordi del widget). I valori nella casella esterna e interna impostano rispettivamente la spaziatura esterna o interna per il lato specificato (alto, basso, sinistra, destra).