Grazie allo shortcode “Pulsante” è possibile creare dei link dall’aspetto personalizzato.
La sintassi base di un pulsante è la seguente:
[pulsante testo="Pulsante base" url="https://..."
]
Pulsante base
Di ogni pulsante possono essere modificati i seguenti aspetti, aggiungendo i relativi parametri:
Larghezza
Normalmente un pulsante assume la lunghezza del testo contenuto al suo interno. Aggiungendo colonna
all’interno delle parentesi il pulsante riempirà l’intera larghezza della colonna o della pagina.
[pulsante colonna testo="Pulsante a larghezza colonna" url="https://..."
]
Pulsante a larghezza colonna
Dimensione
Per rendere il pulsante più piccolo o più grande aggiungere i valori piccolo
o grande
in questo modo
[pulsante piccolo testo="Pulsante piccolo" url="https://..."
]
Pulsante piccolo
[pulsante grande testo="Pulsante grande" url="https://..."
]
Pulsante grande
Destinazione del link
Se si vuole indicare che il link punta al du fuori dal proprio sito, utilizzare il valore esterno
così:
[pulsante esterno testo="Link esterno" url="https://..."
]
Link esterno
Se si vuole che il link esterno venga aperto su una nuova scheda o finestra, utilizzare il valore esterno-nuova-scheda
.
ATTENZIONE: l’apertura di un link su una nuova scheda o finestra è sconsigliata dalle linee guida di accessibilità (link esterno).
[pulsante esterno-nuova-scheda testo="Link esterno su nuova scheda" url="https://..."
]
Link esterno su nuova scheda
Colori
Il pulsante può inoltre assumere diversi colori. Il colore di base è quello principale del sito. Gli altri colori disponibili sono i seguenti:
[pulsante bianco testo="Colore bianco" url="https://..."
]
Colore bianco
[pulsante blu testo="Colore blu" url="https://..."
]
Colore blu
[pulsante rosso testo="Colore rosso" url="https://..."
]
Colore rosso
[pulsante verde testo="Colore verde" url="https://..."
]
Colore verde
[pulsante magenta testo="Colore magenta" url="https://..."
]
Colore magenta
[pulsante marrone testo="Colore marrone" url="https://..."
]
Colore marrone
[pulsante ottanio testo="Colore ottanio" url="https://..."
]
Colore ottanio