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