Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Blocchi riepilogo

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 o prodotti 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 raccolta del tuo sito. Prima di aggiungere il blocco, aggiungi contenuti a una pagina di raccolta supportata. Per una migliore visualizzazione, aggiungi le miniature a ogni elemento che verrà visualizzato nel blocco. Non è possibile aggiungere contenuti direttamente a un blocco di riepilogo.

È possibile utilizzare Blocchi di riepilogo per visualizzare:

Le Pagine portfolio e le sezioni galleria non sono supportate.

Le Pagine Album non sono supportate.

Aggiungere un Blocco di riepilogo

Per aggiungere un Blocco di riepilogo:

  1. Clicca su Modifica in una pagina o in un post, clicca su un punto di inserimento, quindi su Riepilogo. Per assistenza, visita Aggiungere contenuto con blocchi.
  2. Nella scheda Contenuto, scegli quale contenuto visualizzare.
  3. Clicca sulla scheda Design per modificare il layout e le impostazioni del layout.
  4. Quando hai finito, clicca fuori dall'editor dei blocchi. Le modifiche apportate vengono salvate automaticamente.

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 miniatura si collegano al contenuto, ad 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 di blog in primo piano

Tieni presente che è necessario aggiungere categorie e tag o impostare gli elementi come presenti nella pagina di raccolta per garantire che vengano visualizzati con questi filtri. Non è possibile modificare queste impostazioni nel blocco di riepilogo.

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.

Esempio di un blocco riepilogo a bacheca.

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.

Esempio di un blocco riepilogo a carosello.

Il Blocco di riepilogo a elenco mostra il contenuto in un'unica colonna con immagini in miniatura su un lato e il testo sull'altro lato.

Esempio di un blocco riepilogo a elenco.

Il Blocco di riepilogo a griglia mostra i contenuti in una griglia. Gli elementi con lunghezze irregolari avranno dello spazio tra di loro.Esempio di un blocco riepilogo a griglia.

Modificare le impostazioni di progettazione

Nella scheda Struttura del blocco di riepilogo è possibile personalizzare il numero di elementi visualizzati, l'allineamento del testo e la dimensione e lo spazio tra gli elementi. 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.

Miniatura

 

Attivare l'interruttore per visualizzare le immagini delle miniature degli elementi nel blocco. Disattivarlo per nascondere le immagini delle miniature degli elementi.

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:

  1. Immagine di anteprima dell'elemento (per un post, prodotto o evento)
  2. Blocco Immagine (in un post del blog o evento)
  3. Blocco Galleria (in un post del blog o evento)

 

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.

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

  • Modificare la larghezza della colonna delle colonne nel blocco. Questa opzione modifica il numero di elementi per riga e le dimensioni di ogni elemento
  • Modificare la larghezza del margine del padding/riempimento orizzontale tra le colonne. Il padding/spazio verticale tra le righe si regola automaticamente a seconda degli elementi nel blocco, ma non corrisponde a questa impostazione

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 miniatura, che influisce sul ritaglio. Selezionare Auto per mostrare le miniature 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 miniatura, che influisce sul ritaglio. Selezionare Auto per mostrare le miniature 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 miniatura, che influisce sul ritaglio. Selezionare Auto per mostrare le miniature senza ritaglio.
Dimensioni e spaziatura
  • Modificare la larghezza della colonna delle colonne nel blocco
  • Modificare la larghezza del margine del padding/riempimento tra gli elementi
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 Blog

Link Scopri di più: questa opzione viene visualizzata solo se Mostra estratto è attivo. Quando questa opzione è abilitata, i link Scopri di più vengono visualizzati sotto il contenuto del post e sopra i metadati.

Pagina prodotti
  • Prezzo: se attivo, i prezzi dei prodotti vengono visualizzati sotto i relativi titoli.
  • Attiva la visualizzazione rapida del prodotto: se selezionato, consente la visualizzazione rapida del prodotto.

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:

  1. Apri l'editor Blocco riepilogo.
  2. Fai clic su Layout e controlla la dimensione del testo .
  3. Apri Stili sito e clicca su Tipi di carattere.
  4. In Stili di testo globali, imposta la famiglia di tipi di caratteri in Paragrafi. La famiglia di tipi di caratteri segue l'impostazione Paragrafi indipendentemente dalle dimensioni del testo del Blocco riepilogo.
  5. Imposta la dimensione del tipo di carattere in Intestazioni o Paragrafi in base alla dimensione del testo del Blocco riepilogo:
    • XL - Titolo 2
    • L - Paragrafo 1
    • M - Paragrafo 2
    • S - Paragrafo 3

Gli estratti e le descrizioni vengono visualizzati a dimensioni fisse, ma l'impostazione XL del testo aumenta la dimensione del testo estratto e della descrizione.

Colori

Puoi definire i colori del testo nel blocco. Per modificare i colori:

  1. Durante la modifica di una pagina, apri Stili sito, quindi clicca su Colori.
  2. Passa il mouse sul tema colore e clicca sull'icona della matita.
  3. 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

Una volta terminate le modifiche di stile, passa il mouse su Fatto e clicca su Salva.

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:

  1. Vai alla tua Pagina del blog.
  2. Scorri verso il basso fino al primo gruppo di 30 post del blog.
  3. Assegna a ciascuno lo stesso tag facile da ricordare, come batch1.
  4. 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:

  1. Nella scheda Contenuto, collega il Blocco riepilogo alla tua Pagina del blog.
  2. Clicca su Filtra elementi e aggiungi il tag del primo batch di post. Nel nostro esempio, dovresti aggiungere il tag batch1.
  3. 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:

  1. 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.
  2. Carica un'immagine per ogni singolo elemento di testo desiderato, quindi aggiungi il testo come descrizione dell'immagine.
  3. Aggiungi un Blocco riepilogo alla pagina in cui desideri visualizzare il testo e collegalo alla Pagina galleria creata nel passaggio 1.
  4. Nella scheda Progettazione dell'editor di blocchi, disabilita la miniatura 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 base al loro layout, i Blocchi riepilogo sui dispositivi mobili potrebbero essere visualizzati in modo differente rispetto a come appaiono su computer.

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.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 185 su 634