Raccogli gruppi di contenuti, come i post del blog o gli eventi, dalle tue pagine di raccolta e visualizzali in layout esclusivi in altre parti del sito.
Utilizza i Blocchi riepilogo per visualizzare il contenuto di determinate pagine di raccolta, ad esempio post del blog o prodotti, in diversi layout.
I Blocchi riepilogo sono ideali per:
- Evidenziare gli elementi della raccolta sulla tua homepage.
- Visualizzare post del blog, prodotti o video in un layout non altrimenti disponibile.
- Modificare il layout del tuo contenuto senza apportare modifiche di stile drastiche.
- Aggiungere link a contenuti correlati alla fine di un post del blog o di una pagina dei dettagli del prodotto.
- Creazione di indici di ricetta o contenuto.
Guarda un video
Contenuti visualizzati
I blocchi riepilogo estraggono contenuti da determinate pagine di una raccolta del tuo sito. Prima di aggiungere il blocco, aggiungi contenuti a una pagina di raccolta supportata. Per una migliore visualizzazione, aggiungi le immagini in evidenza a ogni elemento che desideri visualizzare nel blocco. Non è possibile aggiungere contenuti direttamente a un blocco di riepilogo.
È possibile utilizzare Blocchi di riepilogo per visualizzare:
- Post del blog dalle Pagine del blog
- Eventi dalle Pagine eventi
- Prodotti dalle Pagine negozio
- Video dalle pagine video
Le Pagine portfolio e le sezioni galleria non sono supportate.
- Post del blog dalle Pagine del blog
- Eventi dalle Pagine eventi
- Immagini e video dalle Pagine galleria
- Immagini e video dalle Pagine del progetto
- Prodotti dalle Pagine negozio
Le Pagine Album non sono supportate.
Aggiungere un Blocco di riepilogo
Per aggiungere un Blocco di riepilogo:
- Fai clic su Modifica in una pagina o in un post, fai clic su Aggiungi blocco o su un punto di inserimento, quindi su Riepilogo. Per assistenza, visita Aggiungere contenuti con blocchi.
- Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
- Nella scheda Contenuto, scegli quale contenuto visualizzare.
- Clicca sulla scheda Design per modificare il layout e le impostazioni del layout.
- Quando hai finito, clicca fuori dall'editor dei blocchi.
- Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
Per informazioni più dettagliate su ogni step, consulta le sezioni seguenti.
Scegliere il contenuto
Nella scheda Contenuto dell'editor Blocco di riepilogo clicca su Seleziona una pagina per scegliere la pagina da visualizzare nel blocco. Quando selezioni una pagina, il relativo contenuto popolerà blocco di riepilogo.
Per le Pagine eventi, puoi scegliere se la sezione Periodo dell'evento debba mostrare gli eventi In programma o quelli Passati.
Ricorda:
- Puoi mettere in primo piano il contenuto di una sola pagina nel Blocco di riepilogo. Tuttavia, puoi aggiungere più blocchi ad una pagina per visualizzare tutto il contenuto che desideri.
- È possibile modificare in qualsiasi momento la pagina da cui il Blocco di riepilogo trae i contenuti.
- Il testo del titolo si collega direttamente al contenuto. Anche le immagini in evidenza si collegano al contenuto, a eccezione degli elementi della pagina galleria e della pagina del progetto nella versione 7.0, che si aprono in una lightbox nella pagina Blocco riepilogo.
Scegli metadati
Fai clic su Metadati primari e Metadati secondari per scegliere le informazioni da visualizzare in modo più evidente con ogni elemento:
- A seconda dell'elemento, puoi selezionare Data di pubblicazione, Data evento, Ora evento, Categoria, Tag, Autore, Posizione, Commenti o Nessuno.
- La posizione di queste informazioni varia in base al layout.
- Se un elemento non dispone di metadati selezionati, questi non verranno visualizzati. Per questo motivo, se desideri visualizzare queste informazioni nel blocco, ti consigliamo di compilare tutti i campi in ogni elemento della raccolta.
Filtrare il contenuto
Clicca su Filtra elementi per applicare filtri diversi al contenuto estratto dalla raccolta:
- Categoria: seleziona una categoria per visualizzare solo il contenuto della categoria
- Tag: seleziona un tag per visualizzare solo contenuti con quel tag
- Solo in primo piano: attiva questa opzione per visualizzare solo i contenuti designati come in primo piano, come i post del blog o i video in primo piano
Ricorda:
- È necessario aggiungere categorie e tag o impostare gli articoli in primo piano all'interno della pagina della raccolta stessa. Non è possibile modificare queste impostazioni nel blocco riepilogo.
- Se una categoria o un tag è presente solo in un articolo non pubblicato, non apparirà come opzione nei filtri del blocco riepilogo.
- Nella versione 7.1, puoi filtrare i Blocchi riepilogo della pagina negozio una categoria alla volta.
Layout dei Blocchi riepilogo
Esistono quattro tipi di Blocchi riepilogo e il loro funzionamento è coerente in tutti i siti. Puoi modificare il layout nella scheda Design del Blocco riepilogo. Mentre selezioni un layout, vedrai un'anteprima della pagina. Ecco alcuni esempi di post del blog per ciascun layout.
Il Blocco di riepilogo a bacheca mostra il contenuto in una griglia simile ad una bacheca. Invece di mostrare gli elementi in righe pari, il layout bacheca mostra gli elementi in righe equilibrate in base alla dimensione del contenuto, creando un aspetto simile a un mosaico.
I blocchi di riepilogo a carosello mostrano un determinato numero di elementi su una riga, con frecce di navigazione nell'angolo superiore destro per scorrere il contenuto.
Il Blocco di riepilogo a elenco mostra il contenuto in un'unica colonna con immagini in evidenza su un lato e il testo sull'altro lato.
Il Blocco di riepilogo a griglia mostra i contenuti in una griglia. Gli elementi con lunghezze irregolari avranno dello spazio tra di loro.
Modificare le impostazioni di progettazione
Nella scheda Struttura del blocco di riepilogo è possibile personalizzare il numero di elementi visualizzati, l'allineamento del testo, la dimensione e lo spazio tra gli elementi, e l'aspetto del blocco. Quando modifichi le impostazioni, vedrai un'anteprima delle modifiche nella pagina.
Tutti i layout includono le seguenti opzioni:
Opzioni di design | Utilizzare questo per |
Number of Items (Numero di Elementi) |
Impostare il numero di elementi da visualizzare nel blocco. È possibile visualizzare fino a 30 elementi. |
Testo |
Scegliere la dimensione del testo tra S, M, L, XL (non disponibile nel layout Bacheca). L'impostazione XL aumenta anche le dimensioni degli estratti e delle descrizioni. Scegliere l'allineamento del testo A sinistra, Al centro o A destra. |
Titolo |
Attivare l'interruttore e mostrare i titoli degli elementi nel blocco. Disattivarlo per nascondere i titoli degli elementi. |
Immagine in primo piano
|
Attivare l'interruttore e mostrare le immagini degli articoli nel blocco. Disattivarlo per nascondere immagini degli articoli. Quando vengono visualizzati gli elementi della Pagina galleria o della Pagina del progetto, l'immagine viene visualizzata nel blocco. Quando vengono visualizzati post del blog, eventi o prodotti, il blocco mostrerà la prima immagine disponibile in questo elenco:
|
Estratto |
Attivare l'interruttore per visualizzare estratti o descrizioni degli elementi nel blocco. Disattivarlo per nascondere gli estratti o le descrizioni degli elementi. Quando vengono visualizzati i post del blog, l'estratto viene mostrato nel blocco. Quando vengono visualizzati eventi, immagini della Pagina galleria, prodotti o immagini della Pagina del progetto, la descrizione dell'elemento viene visualizzata nel blocco. |
Posizione metadati |
Impostare la posizione dei metadati dell'elemento, come data o autore, sopra il titolo, sotto il titolo o sotto il contenuto. Selezionare il tipo di metadati che verrà visualizzato nella scheda Contenuto. |
Sfondo (solo versione 7.1 ) |
Attiva l'opzione per aggiungere un colore di sfondo al blocco, impostare i raggi degli angoli e modificare il padding interno dello sfondo. |
Tratto |
Attiva una linea solida o tratteggiata che delimiti il blocco. Per le linee solide e tratteggiate, imposta il tratto Colore e Spessore. |
Modalità Blend |
Utilizza il menu a discesa per scegliere un'impostazione di trasparenza. Questi effetti sono ottimali se stai sovrapponendo un blocco riepilogo a un'immagine o ad altri contenuti visivi. |
Sfocatura |
Attiva l'opzione per sfocare l'Elemento o lo Sfondo, e sposta il cursore per regolare il livello di sfocatura. |
Le personalizzazioni Tratto, Modalità Blend e Sfocatura sono disponibili per le sezioni dell'Editor fluido. Per le sezioni che utilizzano l'editor classico, è disponibile solo Tratto.
Opzioni specifiche del layout
Ogni blocco di riepilogo dispone di opzioni di progettazione aggiuntive specifiche per il layout selezionato.
Di seguito sono riportate le opzioni di progettazione per i blocchi di riepilogo a bacheca:
Opzioni di design | Utilizzare questo per |
Dimensioni e spaziatura |
|
Ecco le opzioni di progettazione per i Blocchi di Riepilogo a carosello:
Opzioni di design | Utilizzare questo per |
Elementi per riga |
Impostare il numero di elementi da visualizzare in una volta. Puoi scegliere tra 1 e 5. |
Rapporto di aspetto |
Selezionare il rapporto dimensionale per le immagini in evidenza, che influisce sul ritaglio. Selezionare Auto per mostrare le immagini in evidenza senza ritaglio. |
Testo intestazione |
Aggiungere un titolo personalizzato da mostrare sopra il blocco. In questo modo è possibile evitare l'aggiunta di un Blocco di testo separato. |
Di seguito sono riportate le opzioni di progettazione per i blocchi di riepilogo a elenco:
Opzioni di design |
Utilizzare questo per |
Rapporto di aspetto |
Selezionare il rapporto dimensionale per le immagini in evidenza, che influisce sul ritaglio. Selezionare Auto per mostrare le immagini in evidenza senza ritaglio. |
Allineamento immagine |
Allineare le immagini a sinistra o a destra del testo. |
Di seguito sono riportate le opzioni di progettazione per i blocchi di riepilogo a griglia:
Nota: le immagini della Pagina galleria e della Pagina del progetto in questo layout si aprono come slideshow in una lightbox. Gli URL di click-through disattivano la lightbox.
Opzioni di design | Utilizzare questo per |
Rapporto di aspetto |
Selezionare il rapporto dimensionale per le immagini in evidenza, che influisce sul ritaglio. Selezionare Auto per mostrare le immagini in evidenza senza ritaglio. |
Dimensioni e spaziatura |
Nota: gli elementi nei blocchi di riepilogo a griglia sono allineati a sinistra e una larghezza ridotta di colonna può causare spazio extra sul lato destro del blocco. |
Suggerimento: gli stili delle didascalie del Blocco riepilogo variano a seconda del sito.
Opzioni specifiche dell'elemento
A seconda del tipo di elementi della raccolta che vengono visualizzati nel Blocco di riepilogo, si possono verificare ulteriori opzioni.
Tipo di raccolta | Opzioni di progettazione aggiuntive |
Pagina del blog |
Link Leggi di più - Quando questa opzione è attivata, i link di approfondimento vengono visualizzati sotto il contenuto del post e sopra i metadati. I link Leggi di più non vengono visualizzati se l'interruttore Excerpt è disattivato. |
Pagina negozio |
|
Videolezioni |
Descrizione - Se abilitata, le descrizioni dei video vengono visualizzate sotto i titoli dei video |
Definisci lo stile del testo del Blocco riepilogo
Le opzioni di stile del Blocco di riepilogo dipendono dalla versione del sito.
Tipo di carattere
La dimensione del titolo segue i tipi di carattere generali del sito. Per modificare la famiglia di caratteri e la dimensione del titolo:
- Apri Stili sito, quindi clicca su > accanto a Tipi di carattere.
- Clicca su Assegna stili, imposta la famiglia dei tipi di carattere e la dimensione del testo in Paragrafi.
Ricorda:
- Qualsiasi modifica apportata alle dimensioni dei paragrafi avrà effetto su tutti i blocchi riepilogo del tuo sito con l'impostazione della dimensione del testo corrispondente e su qualsiasi altro contenuto che utilizza gli stessi stili di carattere.
- Gli estratti e le descrizioni vengono visualizzati con una dimensione fissa.
Colori
Puoi definire i colori del testo nel blocco. Per modificare i colori:
- Durante la modifica di una pagina, apri Stili sito, quindi fai clic su > accanto a Colori.
- Passa il mouse sul tema colore e clicca sull'icona della matita.
- Sotto Blocco riepilogo, modifica i colori con questi tweak:
- Colore testo dell'intestazione
- Colore titolo
- Colore estratto
- Colore "Scopri di più"
- Colore metadati principali
- Colore metadati secondari
Se hai attivato un colore di sfondo, puoi utilizzare i tweak che includono lo Sfondo. Puoi anche cambiare il colore di sfondo con il tweak Sfondo.
Una volta terminate le modifiche allo stile, fai clic su Salva per salvare e continuare a modificare, oppure su Esci e poi su Salva per chiudere l'editor.
Utilizza gli Stili sito per definire il tipo di carattere e il colore del titolo del Blocco riepilogo in queste famiglie di modelli:
- Adirondack
- Avenue
- Aviator
- Bedford
- Momentum
- Montauk
- Pacific - Tipo di carattere e colore del titolo
Gli estratti e le descrizioni vengono visualizzati a dimensioni fisse, ma l'impostazione del testo XL nella scheda Struttura del blocco di riepilogo aumenta le dimensioni del testo estratto e della descrizione.
Non è possibile modificare le dimensioni del Testo intestazione visibile sopra il blocco nel layout a carosello.
Sostituire una pagina di raccolta con Blocchi riepilogo
In alcuni casi, ad esempio quando un modello nella versione 7.0 ha un layout blog fisso, puoi utilizzare i Blocchi riepilogo per visualizzare gli elementi della raccolta in layout diversi. Gli step seguenti illustrano come utilizzare un Blocco riepilogo per sostituire il layout della pagina di raccolta.
Step 1 - Sposta la raccolta nella sezione Non collegato
Per nascondere la pagina di raccolta originale dai menu di navigazione puoi trascinarla nella sezione delle pagine non collegate. In questo modo, il blocco riepilogo può prelevare gli elementi dalla pagina senza che i visitatori vedano contenuti duplicati. Per istruzioni dettagliate, visita Spostare pagine nella navigazione.
Una volta che lo stato della pagina passa a Non collegato, continuerai ad aggiungere nuovi contenuti, ad esempio post del blog o prodotti, che verranno visualizzati nel blocco di riepilogo che stai per creare.
Nota: Non eliminare questa pagina. Spostarla nella sezione delle pagine non collegate nasconde la pagina ai visitatori, ma alimenta ancora il contenuto del blocco riepilogo.
Step 2 - Creare una Pagina di layout
Dopo aver nascosto la pagina di raccolta originale dalla navigazione, crea una Pagina di layout nella tua navigazione principale come pagina sostitutiva in modo che i visitatori possano trovare il contenuto della tua raccolta.
Questa è la pagina che mostrerà i tuoi elementi della raccolta ai visitatori. Dopo aver configurato questa pagina, essa si aggiorna automaticamente ogni volta che aggiorni la pagina della raccolta nascosta.
Step 3 - Aggiungi un Blocco riepilogo
Aggiungi un Blocco riepilogo alla Pagina di layout sostituita nella navigazione. Nel Blocco riepilogo, seleziona la pagina di raccolta spostata nella sezione Non collegato allo Step 1.
Personalizza il Blocco riepilogo con le impostazioni del contenuto e il layout del blocco. Se la pagina di raccolta contiene più di 30 elementi, puoi aggiungere più Blocchi riepilogo per mostrare più di 30 elementi.
Mostrare più di 30 elementi
I Blocchi riepilogo non possono mostrare più di 30 elementi. Per mostrare più elementi, puoi aggiungere più Blocchi riepilogo alla stessa pagina e utilizzare i tag per scegliere quali elementi mostrare in ciascuno di essi.
In questo esempio, utilizzeremo una Pagina del blog.
Step 1 - Assegna dei tag a gruppi di post
Innanzitutto, assegna a ogni gruppo di 30 post del blog un tag univoco:
- Vai alla tua Pagina del blog.
- Scorri verso il basso fino al primo gruppo di 30 post del blog.
- Assegna a ciascuno lo stesso tag facile da ricordare, come batch1.
- Scorri verso l'alto fino al successivo batch di 30 post del blog. Assegna a ciascuno di questi un tag diverso, come batch2.
Continua a taggare batch di 30 in questo modo fino a quando non avrai taggato tutti i post del blog. Per maggiori informazioni sull'aggiunta di tag, visita Categorie e tag.
Suggerimento: modifica ogni post del blog singolarmente. Al momento non esiste un modo per taggare più post contemporaneamente.
Step 2 - Aggiungi più Blocchi riepilogo
Su una Pagina di layout, aggiungi un Blocco riepilogo per ciascun batch. Ad esempio, se hai 90 post, i batch saranno 30, pertanto dovrai aggiungere tre Blocchi riepilogo.
Step 3 - Filtra ogni Blocco riepilogo per tag
Per il Blocco riepilogo inferiore:
- Nella scheda Contenuto, collega il Blocco riepilogo alla tua Pagina del blog.
- Clicca su Filtra elementi e aggiungi il tag del primo batch di post. Nel nostro esempio, dovresti aggiungere il tag batch1.
- Nella scheda Design, imposta il numero di elementi su 30.
I primi trenta post appariranno in questo Blocco riepilogo.
Continua ad aggiornare ogni Blocco riepilogo con il tag univoco di ogni batch. Nel nostro esempio, filtrerai il Blocco riepilogo centrale con batch2 e il Blocco riepilogo superiore con batch3.
Step 4 - Continua a taggare i post e ad aggiungere Blocchi riepilogo
Quando aggiungi contenuti al tuo sito, continua a taggare ogni post in batch di 30. Quando inizi un nuovo batch, aggiungi un nuovo Blocco riepilogo e filtralo con il nuovo tag.
Nel nostro esempio, quando aggiungi il tuo 91° post del blog, dovresti taggarlo batch4, quindi aggiungere un Blocco riepilogo nella parte superiore della pagina con un filtro per quel tag.
Visualizzazione di elementi di testo senza immagini (versione 7.0)
Se il sito si trova nella versione 7.0 e desideri visualizzare elementi di testo senza immagini, puoi utilizzare un Blocco riepilogo con una Pagina galleria. Si tratta di un'ottima opzione per testimonianze, recensioni o altri set di contenuti che non necessitano di immagini di accompagnamento.
Per farlo:
- Crea una Pagina galleria specificamente per il contenuto di testo che vuoi visualizzare in un Blocco riepilogo e posizionalo nella sezione Non collegata del pannello Pagine.
- Carica un'immagine per ogni singolo elemento di testo desiderato, quindi aggiungi il testo come descrizione dell'immagine.
- Aggiungi un Blocco riepilogo alla pagina in cui desideri visualizzare il testo e collegalo alla Pagina galleria creata nel passaggio 1.
- Nella scheda Progettazione dell'editor di blocchi, disabilita le immagini in modo che si visualizzi solo il testo.
In alternativa, è possibile creare colonne e righe con Blocchi di testo e Blocchi citazione per un layout simile incentrato sul testo. Se il tuo sito è sulla versione 7.1, ti consigliamo di utilizzare layout automatici per visualizzare elementi di solo testo.
Blocchi riepilogo su dispositivi mobili
In Editor fluido, i blocchi riepilogo si visualizzano sui dispositivi mobili come sui computer. Nell'editor classico, i blocchi riepilogo si possono visualizzare in modo diverso sui dispositivi mobili, a seconda del layout.
I Blocchi riepilogo a bacheca vengono visualizzati con un layout impilato, ma le immagini mantengono il loro rapporto dimensionale specifico.
I Blocchi di riepilogo a carosello mantengono il loro layout a carosello e mostrano due elementi alla volta.
I Blocchi riepilogo a elenco appaiono allo stesso modo sui dispositivi mobili.
I Blocchi di riepilogo a griglia vengono visualizzati in un layout impilato.