Design dei widget

Panoramica

Most widgets in the website builder have design options that enable you to customize the widget's appearance for your website. These options can help you create a widget that perfectly matches the style of your site or one that stands out and attracts visitor's attention. 

Guida 

To open the Design Editor of a widget on your website, right-click on the widget to open the context menu and then click Edit Design. You can also open the Design Editor by clicking on the widget and then clicking Design at the top of the widget window.widgetdesign1_en-US.png

Di seguito sono elencate alcune delle opzioni di personalizzazione comuni disponibili nell'editor di design. 

Layout

Le opzioni del layout sono solitamente specifiche di determinati widget. Per scegliere dal set di opzioni di layout disponibili per il widget, fai clic sul layout visualizzato nell'editor di design (oppure fai clic sulla piccola freccia 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.

widgetdesign2_en-US.png

Stile

  • Colore:  fai clic sull'icona rotonda del colore a destra del nome della sezione per aprire il selettore colore e modificare il colore.
  • Stile bordo:  consente di modificare la larghezza del bordo utilizzando il dispositivo di scorrimento o la casella di testo.
  • Stile sfondo: utilizza un'immagine o un video di sfondo per questo widget tramite le finestra di dialogo Scegli e inserisci immagini o un URL del video.
  • Larghezza e altezza: utilizza il dispositivo di scorrimento o la casella di testo per modificare il numero dei pixel.
  • Angoli arrotondati:  consente di aumentare o diminuire l'arrotondamento degli angoli di un widget.
  • Ombre:  consente di attivare o disattivare un'ombra per il widget.

widgetdesign3_en-US.png

Spaziatura

Change the padding (spacing inside the widget edges) and margins (spacing outside the widget edges). Each number in the outer box sets the margins for its own side (top, bottom, left, or right), and each number in the inner box sets the padding for its own side (top, bottom, left, or right).

widgetdesign4_en-US.png

Considerazioni

Not all widgets have the same options. For example, some widgets do not allow you to edit padding, others don't let you change margins.

Risorse

  • Per scoprire come aggiungere dei widget alla pagina, consulta la nostra guida su comeAggiungere i widget.
  • Per maggiori informazioni sulla modifica di widget, leggi la nostra guida sulla Modifica di widget.