widget: Schede

widget Categorie: Basic

Il widget Schede è l'ideale per mostrare contenuti in modo efficiente sul tuo sito, perché consente ai visitatori di scegliere tra le schede anziché scorrere il testo. Le schede sono perfette per mostrare contenuti come servizi, piani o membri dei team in sezioni compatte e collegate fra loro.

Ogni scheda può contenere un'etichetta, un titolo, una descrizione, un'immagine e un pulsante, e ognuno di questi elementi può essere completamente personalizzato.

Contenuto dinamico

Questo widget può anche visualizzare pagine dinamiche. Per ulteriori informazioni, vedere Contenuto dinamico: opzioni di visualizzazione e navigazione per i record di raccolta.

Editor di contenuti

  1. Per aggiungere una nuova scheda, fare clic su Aggiungi scheda.

  2. Per modificare l'immagine (e il testo alternativo), l'etichetta della scheda, il tipo di intestazione dell'etichetta, il titolo, la descrizione e il pulsante, fare clic sulla scheda.

    • Sono disponibili dei tag di intestazione per rendere il testo più facilmente identificabile dai motori di ricerca. Si consiglia di selezionare H3 per il tipo di intestazione dell'etichetta.

    • Il campo di testo alternativo per l'immagine si trova in basso.

  3. Per visualizzare le immagini nelle schede, fare clic sull'interruttore Mostra immagine .

Editor di progettazione

  • Fai clic sul layout per selezionare un layout diverso per la scheda.

  • Fai clic su Tutte le schede per personalizzare lo stile delle schede non selezionate, invertire la direzione delle schede e controllare il layout delle schede sui dispositivi mobili.

  • Fare clic su Scheda e hover selezionati per personalizzare lo stile del testo e lo sfondo. Ciò non influisce sul design di Tutte le schede.

  • Fare clic per modificare lo stile della descrizione, lo stile del pulsante e lo stile dell'immagine.

    Nota

    Il campo di testo lungo offre varie opzioni di formattazione del testo, come il corsivo, il grassetto o la sottolineatura del testo.

Nota

  • L'utente può aggiungere tutte le schede che desidera, ma deve tener presente che a ogni nuova scheda lo spazio per l'etichetta si riduce.

  • Ci sono 2 opzioni di layout per la visualizzazione mobile: schede e accordion. Il layout delle schede può essere controllato scorrendo.

Visualizzazione mobile

Ci sono 2 opzioni di layout per la visualizzazione mobile: schede e accordion. Il layout delle schede può essere controllato scorrendo sullo schermo. Tuttavia, non tutti i browser per dispositivi mobili supportano lo scorrimento, nel qual caso è possibile utilizzare la visualizzazione ad accordion.

Come cambiare il widget "Schede" per dispositivi mobili:

  1. Nella barra di navigazione in alto, clicca sulle opzioni di visualizzazione del dispositivo per passare alla visualizzazione mobile (). Per ulteriori informazioni, consulta l'articolo Modifiche in base al dispositivo.

  2. Fare clic con il pulsante destro del mouse sul widget e scegliere Modifica design.

  3. Fare clic su Tutte le schede, quindi fare clic sull'interruttore Visualizza come pannello a soffietto .

    24517203113111-tabs_accordion.png