Utilizzare la sezione Testo quando si desidera visualizzare un set di testo in colonne. È possibile aggiungere un Sezione di testo a una pagina per collegare facilmente diverse pagine all'interno del sito web o per aggiungere link con le relative descrizioni.
Aggiungendo elementi dell'elenco a questa sezione, le impostazioni e lo stile specificati verranno applicati. Questa sezione sarà utile per presentare il team, i diversi prodotti che vendi e per molti altri scopi.
In questo articolo:
- Che cos'è una sezione Testo?
- Aggiungi una sezione di testo
- Aggiungere e modificare elementi dell'elenco
- Sequenza degli elementi dell'elenco
- Eliminazione di elementi dell'elenco
- Modifica del layout della sezione
- Gestisci elementi
- Opzioni di stile
- Lo stile del carosello
- Esempio dal vivo
Sezione di testo
- Se vuoi aggiungere del testo o un collegamento in un testo senza immagini, puoi aggiungere una sezione di testo.
Aggiungi una sezione di testo
- È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
- Sulla tua pagina, Fare clic sul blu + icona per aggiungere a Nuova sezione alla tua pagina.
- Ora vedrai il categorie di sezione sul pannello di sinistra.
- Scegliere il Contenuti (1) opzione e fare clic su Testo scheda (2) da cui è possibile scegliere diversi layout (3).
- Scegli qualsiasi layout di sezione e fai clic su di esso per aggiungerlo alla tua pagina.
- Puoi gestire la larghezza della sezione dal file sezione delle impostazioni e la larghezza del contenuto da stile dei contenuti.
- Mantieni i titoli, i sottotitoli e le descrizioni brevi e nitidi.
- Nel campo della descrizione, premi il entra pulsante per dare un'interruzione di riga e il Maiusc + Invio pulsante per iniziare dalla riga successiva.
Aggiungi e modifica voci di elenco
Aggiungi voce di elenco
Dopo aver aggiunto la sezione:
- Clicca sul Modifica contenuto (1) pulsante per aprire il pannello degli elementi dell'elenco.
- Clicca sul Aggiungi articolo (2) pulsante per aggiungere una nuova voce di elenco.
- Avrai la possibilità di Duplica ed elimina (3) le voci dell'elenco.
Modifica voce elenco
Fare clic sulla voce dell'elenco che si desidera modificare. Si apriranno le particolari opzioni di modifica dell'elemento dell'elenco.
- Aggiungere un Titolo (1), Sottotitolo (2)e Descrizione (3) della voce di elenco.
- A seconda del layout scelto, potresti non trovare l'opzione Sottotitolo e Descrizione in determinati elementi dell'elenco.
Prima di aggiungere la descrizione, controlla questo articolo.
4. Azione al clic
È possibile personalizzare il comportamento del clic sui singoli elementi in Elenco di testo sezione. Di seguito sono riportate le opzioni disponibili:
- Vai a un collegamento
Selezionando questa opzione si apre la Generatore di link, consentendoti di aggiungere un collegamento ipertestuale a questo elemento. Il collegamento può indirizzare gli utenti a un'altra pagina all'interno del tuo sito Web o a un URL esterno. Vedi qui per saperne di più informazioni Generatore di link. - Apri in Lightbox
Questa opzione visualizza l'elemento in una versione ingrandita Lightbox visualizza quando cliccato. In questa modalità, il Sottotitolo and Descrizione associati all'elemento non appariranno nella vista griglia ma saranno visibili in modalità Lightbox. - Nessuna azione
Scegli questa opzione per rendere l'elemento non cliccabile. Quando è selezionata, cliccare sull'elemento non attiverà alcuna azione.
5. Apri collegamento in una nuova finestra: Impostare il collegamento in modo che si apra in a nuova scheda o nella stessa scheda. Questo sarà visibile solo quando Vai a un collegamento l'opzione è selezionata sotto Azione al clic menu.
6. Pulsanti e collegamenti: Aggiungi qualsiasi tipo di vetro all'elemento della lista. Puoi aggiungere un Pulsante/Link Immagine/Icona Social/Link di Testo. Scopri di più.
7. Salva: Dopo aver effettuato le personalizzazioni, salvare le modifiche.
8. Sostituzione dello stile della carta
È possibile sovrascrivere le impostazioni globali dello stile della scheda dalla sezione Impostazioni di stile e personalizza la scheda di ogni elemento singolarmente nella sezione Elenco immagini. Ciò ti consente di applicare stili unici a diversi elementi dell'elenco per una migliore personalizzazione.
Scopri di più Informazioni sull'opzione Carte nella sezione dinamica.
Guarda come modificare un elemento di un elenco di testo in azione:
Elementi dell'elenco di sequenza
- Puoi facilmente trascinare e rilasciare gli elementi dell'elenco per modificare la sequenza.
Elimina un elemento dell'elenco
Dopo aver aggiunto un elemento all'elenco, puoi modificarlo o eliminarlo.
- Clicca sul Elimina icona accanto alla voce Elenco.
- Clicca sul Elimina pulsante nel popup di conferma.
- Salva i cambiamenti.
Gli elementi dell'elenco una volta eliminati non possono essere recuperati.
Disposizione della sezione
- Clicca sul Modifica contenuto Pulsante (1).
- Scegliere il disposizione (2) scheda.
- Seleziona qualsiasi layout e Salva (3) le tue modifiche.
Gestisci elementi della sezione di testo
La sezione Elenco testi include un Scheda Elementi che ti consente di gestire la visibilità di vari elementi all'interno della sezione con facilità. Utilizzando semplici interruttori a levetta, puoi abilitare o disabilitare elementi specifici senza dover eliminare o modificare gli elementi stessi.
- Clicca sul Modifica contenuto Pulsante (1).
- Scegliere il Elementi (2) scheda.
- Dopo aver apportato le modifiche, premi il pulsante Salva Pulsante (3).
Opzioni della sezione
- Mostra titolo: Abilita o disabilita la visibilità del titolo per la sezione Elenco testo.
- Mostra i pulsanti: Controlla se i pulsanti vengono visualizzati a livello di sezione.
Opzioni degli elementi
- Mostra Titolo: Controlla se il titolo viene visualizzato.
- Mostra Sottotitolo: Abilita o disabilita i sottotitoli.
- Mostra descrizione: Gestisci la visibilità delle descrizioni degli articoli.
- Mostra i pulsanti: Decidere se visualizzare i pulsanti per i singoli elementi.
Dai stile alla tua sezione
- Clicca sul Modifica contenuto Pulsante (1).
- Scegliere il Style (2) scheda.
- Cambia lo stile degli elementi dell'elenco e Salva (3) le tue modifiche.
Per questa sezione avrai a disposizione più opzioni di stile:
- Opzioni di visualizzazione
- Display mobile
- allineamento
- Dimensione del testo
- Spaziatura
- Titolo della sezione
- Opzioni della carta
- Opzioni ombra
- Pulsanti e collegamenti
Opzioni di visualizzazione
- Scegli Mostra articoli in righe e colonne or carosello
- Se hai scelto il file righe e colonne opzione, gli elementi dell'elenco verranno disposti in righe e colonne. In questo caso, è necessario specificare il numero di righe e colonne.
- Se hai scelto il file carosello opzione, gli elementi dell'elenco verranno presentati come una presentazione. Vedi qui per saperne di più .
- Impostare il Numero di colonne per l'elenco di testo. È possibile scegliere da 1 a 10 colonne.
- specificare la Spazio tra le colonne degli elementi della lista.
- specificare la Spazio tra le righe degli elementi della lista.
Se l'opzione Carosello è selezionata nel passaggio 1, verranno visualizzate le seguenti opzioni aggiuntive:
- Abilita scorrimento fluido: Consente lo scorrimento continuo degli elementi all'interno del carosello per un'esperienza fluida e visivamente accattivante.
- Scorrimento automatico: Ruota automaticamente le diapositive senza interazione da parte dell'utente.
- Mostra avanzamento riproduzione automatica: Visualizza un indicatore di avanzamento mentre la riproduzione automatica è attiva per una migliore visibilità.
- Ritardo di riproduzione automatica: Imposta l'intervallo di tempo tra ogni transizione di diapositiva quando è abilitata la riproduzione automatica.
- Carosello in loop: Abilita il ciclo continuo delle diapositive, in modo che il carosello si riavvii senza interruzioni dopo l'ultima diapositiva.
- Controlli del carosello: Scegli il Controlli di navigazionePuoi scegliere tra Nessun controllo, Frecce - In basso al centro/In alto a destra/In basso a destra, Chevron, Punti e Scorrimento orizzontale.
Display mobile
- Imposta il numero di Colonne della griglia per dispositivi mobili. Puoi impostarlo su un massimo di 3 colonne.
- Definire il Spaziatura tra le griglie (in pixel).
Layout della colonna specifico del dispositivo in base alle impostazioni di Studio:
allineamento
- Allineamento dei contenuti: Allinea il contenuto orizzontalmente nell'Elenco di testo. Puoi impostarlo come allineato a sinistra, a destra o al centro.
Dimensione del testo
- Clicca sul Cambia stile di testo pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri.
- Impostare il Titolo stile del carattere per gli elementi dell'elenco della sezione.
- Impostare il Sottotitolo stile del carattere per gli elementi dell'elenco della sezione.
- Imposta l'impostazione predefinita Descrizione stile del carattere per gli elementi dell'elenco della sezione.
Controlla anche: Stile del testo del sito web. - Abilita questa opzione per animare qualsiasi numero presente nel Titolo and Sottotitolo campi. Quando attivata, i valori numerici appariranno con un'animazione di conteggio dinamica, rendendoli più accattivanti dal punto di vista visivo.
Spaziatura
- specificare la Larghezza contenuto per le voci dell'elenco.
- specificare la Spazio sotto il titolo della sezione nel px.
- specificare la Spazio sotto i titoli delle voci dell'elenco (in %).
- specificare la Spazio sotto i sottotitoli delle voci dell'elenco (in %).
Titolo della sezione
- Allinea orizzontalmente il testo del titolo della sezione. Puoi impostarlo su Sinistra, Centro e Destra.
- Abilita/Disabilita il Divider tra il titolo della sezione e il contenuto della sezione.
- Impostare il spessore del divisore (in px).
- specificare la Colore del divisore dal selettore colori.
- Scegli un Stile divisorio dal menu a discesa.
- Impostare il Larghezza del titolo per definire la larghezza del titolo della sezione, partendo da un minimo del 50%.
Opzioni della carta
- Scopri come per gestire le carte.
Opzioni ombra
- Display – Scegli di mostrare l'ombra dietro gli elementi dell'elenco sempre o solo al passaggio del mouse.
- Style - Scegli tra i preset esistenti o crea un'ombra personalizzata.
Se hai scelto l'opzione Personalizzato, visita questo Generatore di ombre a scatola per creare un'ombra personalizzata. Infine, copia e incolla il file scatola ombra CSS. - Nel caso in cui tu abbia scelto l'opzione dei preset, allora Scegli Stili ombra dal menu a discesa.
Le impostazioni di stile verranno applicate a tutti gli elementi della sezione. Non possono essere modificate singolarmente per ogni elemento dell'elenco.
Pulsanti e collegamenti
- Scopri come per gestire lo stile di pulsanti e collegamenti.
Lo stile del carosello
Lo stile Carousel mostra gli elementi dell'elenco come una presentazione, ovvero gli elementi dell'elenco verranno visualizzati in sequenza uno dopo l'altro.
Guarda come funziona lo stile carosello:
Mostra l'elemento dell'elenco di testo come scheda
- Quando si sceglie mostra carta sopra l'elenco di testo, gli elementi dell'elenco avranno uno sfondo con il colore della scheda che hai specificato nel Design .
Vedi anche: Colori e spaziatura del sito web.
Dai un'occhiata:
Ecco un elenco di testo in tempo reale:
