Guide/Crea contenuti/Design/Progetta i tuoi pulsanti

Progetta i tuoi pulsanti

Personalizza i pulsanti del sito regolando colori, font, bordi, ombreggiature e altro ancora. Questa guida illustra le opzioni di stile disponibili e spiega come applicarle.

Personalizzare gli stili dei pulsanti

Segui questi passaggi per personalizzare gli stili dei pulsanti:

  1. Usa la Visualizzazione in modalità elenco per selezionare il blocco Pulsanti.
"Vista elenco" aperta con il "Blocco Pulsanti" evidenziato.
  1. Nelle impostazioni del blocco nella barra laterale destra, fai clic sull’icona Stili.
La barra laterale delle impostazioni del blocco Pulsanti con l'icona degli stili evidenziata.
  1. Personalizza i seguenti stili del blocco Pulsanti:
    • Colore: scegli un colore di sfondo per il blocco Pulsanti. Scopri di più sui colori.
    • Tipografia: modifica il tipo e la dimensione del font del pulsante. Scopri di più sulla tipografia.
    • Dimensioni: imposta spaziatura interna, margine e spaziatura tra i blocchi. Scopri di più sulle dimensioni.
    • Bordo: personalizza il colore e il raggio del bordo. Scopri di più sui bordi.

Modellare i singoli pulsanti

Segui questi passaggi per applicare gli stili ai singoli pulsanti all’interno del blocco Pulsanti:

  1. Utilizza la Vista elenco per selezionare un singolo pulsante all’interno del blocco Pulsanti.
Vista elenco di un editor della pagina aperta, con una freccia che punta dall'icona della vista elenco all'elenco del blocco pulsanti.
  1. Nelle impostazioni del blocco nella barra laterale destra, fai clic sull’icona Stili.
L'icona degli stili su un singolo pulsante.
  1. Personalizza i seguenti stili:
    • Stili: seleziona tra riempimento e contorno per lo stile del pulsante.
    • Colore: scegli il colore del testo e dello sfondo del pulsante. Scopri di più sui colori.
    • Tipografia: modifica lo stile, la dimensione e il tipo di font del pulsante. Scopri di più sulla tipografia.
    • Dimensioni: imposta la spaziatura interna intorno a un singolo pulsante. Scopri di più sulle dimensioni.
    • Bordo e ombreggiatura: personalizza il colore e il raggio del bordo o aggiungi un’ombreggiatura al pulsante. Scopri di più sui bordi.

Formattare il testo del pulsante

Insieme alle opzioni tipografiche disponibili negli stili del blocco, è possibile formattare il testo del pulsante seguendo questi passaggi:

  1. Utilizza la Vista elenco per selezionare un singolo pulsante all’interno del blocco Pulsanti.
  2. Evidenzia una parte o tutto il testo del pulsante che desideri formattare. 
Testo del pulsante evidenziato, con una freccia che punta alle opzioni di formattazione del testo nella barra degli strumenti.
  1. Seleziona tra le opzioni di formattazione. Ad esempio:
    • Allinea testo (a sinistra, al centro o a destra)
    • Aggiungi un link
    • Grassetto
    • Corsivo
    • L’icona Altro include:
      • Evidenzia: modifica il testo e il colore di sfondo del solo testo. Usa gli stili per modificare il colore del pulsante.
      • Codice in linea
      • Immagine in linea
      • Stile input da tastiera
      • Attributo lingua
      • Barrato
      • Pedice
      • Apice
Copied to clipboard!