Grazie allo shortcode “Scheda” è possibile creare dei link con layout tipo scheda dall’aspetto personalizzato.

La sintassi di una scheda è la seguente:

[scheda titolo="Titolo scheda" immagine="[url dell'immagine]" testo="Descrizione della funzione della scheda" url="https://..."]

IMPORTANTE: lo shortcode accetta solo url di immagini caricate nei Media.

Per ottenere l’url di un’immagine, è sufficiente visualizzare i dettagli dell’allegato nei Media e cliccare sul pulsante “Copia l’URL negli appunti“:

Destinazione del link

Se si vuole indicare che il link punta al di fuori dal proprio sito, utilizzare il valore esterno così:

[scheda titolo="Titolo scheda" immagine="[url dell'immagine]" testo="Descrizione della funzione della scheda" url="https://..." 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).

[scheda titolo="Titolo scheda" immagine="[url dell'immagine]" testo="Descrizione della funzione della scheda" url="https://..." esterno-nuova-scheda]

Larghezza

La larghezza della scheda è fissa ed è impostata per poter allineare:

• fino a un massimo di tre schede per riga nella visualizzazione su monitor con template di pagina Senza barra laterale
• fino a un massimo di due schede per riga nella visualizzazione su monitor con template di pagina Predefinito

Il numero di schede per riga diminuisce al diminuire della larghezza della schermata, fino ad arrivare ad una sola scheda per riga nei dispositivi mobili con orientamento verticale (portrait).

Gli shortcode vanno indicati uno affianco all’altro in questo modo:

[scheda ...][scheda ...][scheda ...][scheda ...]