Guide/Modifica il tuo sito web/Template/Modificare l'aspetto del blocco Query Loop

Modificare l’aspetto del blocco Query Loop

Il blocco Query Loop viene utilizzato per visualizzare gli articoli del blog (o altri tipi di contenuto come pagine, testimonianze e progetti) sul tuo sito web in diversi layout visivi. Questa guida ti aiuterà a modificare la presentazione dei tuoi contenuti nel blocco Query Loop.

Scegliere il layout del blocco Query Loop

Puoi scegliere tra diversi design per la presentazione dei tuoi articoli (o di altri tipi di contenuti) all’interno del blocco Query Loop seguendo questi passaggi:

  1. Nella bacheca del tuo sito, vai ad Aspetto → Editor.
  2. Seleziona il template che desideri modificare o fai clic sull’anteprima del sito per modificare la home page.
  3. Seleziona il blocco Query Loop usando la visualizzazione in modalità elenco.
  4. Nella barra degli strumenti visualizzata sopra o sotto il blocco, fai clic sul pulsante “Cambia design“.
  5. Sfoglia la raccolta dei layout predefiniti e fai clic su quello che ti piace di più per applicarlo.
  6. A questo punto, è possibile personalizzare ulteriormente il layout utilizzando i passaggi descritti nelle sezioni successive di questa guida.

Personalizzare l’opzione Template articolo

Il blocco Query Loop contiene l’opzione Template articolo, al cui interno si trovano i singoli elementi di ogni articolo come titolo, data, immagine in evidenza, contenuto o riassunto e altro ancora.

Personalizzare gli elementi di un articolo

All’interno di Template articolo, puoi visualizzare i seguenti elementi degli articoli:

  • Titolo: consente di visualizzare il titolo di ogni contenuto che hai pubblicato.
  • Data: consente di visualizzare la data di pubblicazione di ciascun contenuto.
  • Data di modifica: consente di visualizzare la data in cui un articolo è stato modificato l’ultima volta. 
  • Contenuto: consente di visualizzare l’intero contenuto di ogni articolo pubblicato.
  • Riassunto: consente di visualizzare un breve riassunto per ogni contenuto pubblicato e di personalizzare il testo del link “leggi tutto”.
  • Immagine in evidenza: consente di visualizzare l’immagine in evidenza che hai impostato per i contenuti.
  • Categorie: consente di visualizzare le categorie che hai assegnato ai contenuti pubblicati.
  • Tag: consente di visualizzare i tag che hai aggiunto ai contenuti.
  • Paginazione: consente di visualizzare i link agli articoli precedenti e successivi.
  • Autore: consente di visualizzare i dettagli dell’autore dell’articolo come nome, avatar e biografia.
  • Totale query: consente di visualizzare il numero totale di risultati in una query.
  • Nessun risultato: consente di aggiungere il testo o i blocchi che verranno visualizzati quando la query non restituisce risultati.

I template del tema possono includere alcuni di questi blocchi o tutti. Utilizzando la visualizzazione in modalità elenco, è possibile mostrare la struttura corrente dei blocchi e aggiungere, spostare ed eliminare i singoli elementi secondo necessità:

Visualizzazione in modalità elenco espansa per mostrare i diversi blocchi all'interno del blocco Query Loop.
Visualizzazione in modalità elenco che mostra gli elementi utilizzati in Template articolo

Molti degli elementi sopra riportati contengono impostazioni univoche nella barra laterale delle impostazioni del blocco. Ad esempio, è possibile selezionare il blocco Data per accedere alle impostazioni che controllano il formato di visualizzazione della data e per aggiungere a quest’ultima un link che rimandi all’articolo. I blocchi includono anche impostazioni standard per Colore, Tipografia e Dimensioni. Inoltre, in molti casi sono presenti Impostazioni blocco avanzate.

Scegliere tra un layout a elenco e uno a griglia

In Template articolo puoi modificare i contenuti in modo che vengano visualizzati con un layout a elenco o a griglia:

  1. Nella visualizzazione in modalità elenco, seleziona Template articolo, opzione nidificata all’interno del blocco Query Loop.
  2. Nella barra degli strumenti che appare sopra o sotto il blocco, seleziona l’icona dell’elenco o quella della griglia.
  3. Fai clic sul pulsante “Salva“.
L'opzione Template articolo è selezionata nella visualizzazione in modalità elenco. Una freccia indica le icone dell'elenco e della griglia nella barra degli strumenti.

Aggiungere la paginazione al blocco Query Loop

Per aggiungere la paginazione agli articoli visualizzati con un blocco Query Loop, segui questi passaggi:

  1. Dalla visualizzazione in modalità elenco, espandi il blocco Query Loop e seleziona Template articolo:
L'opzione Template articolo è selezionata sotto Query Loop.
Il blocco Template articolo mostrato tramite la visualizzazione in modalità elenco
  1. Fai clic sui tre puntini accanto a Template articolo e seleziona “Aggiungi dopo“.
  2. Fai clic sull’icona + per l’inserimento dei blocchi e cerca “Paginazione“. Fai clic su di essa per aggiungerla al template dell’articolo in modo che il blocco Paginazione venga visualizzato dopo Template articolo:
L'opzione Paginazione è selezionata sotto Query Loop.
  1. Nella barra laterale, modifica a tuo piacimento le impostazioni presenti, tra cui l’orientamento, il colore e la possibilità di visualizzare una freccia o un simbolo chevron con il link di paginazione.
  2. Fai clic sul pulsante “Salva” per applicare le modifiche.

Regolare la larghezza del blocco Query Loop

È possibile personalizzare la larghezza degli elementi all’interno del blocco Query Loop:

  1. Nella bacheca del tuo sito, vai ad Aspetto → Editor.
  2. Seleziona il template che desideri modificare o fai clic sull’anteprima del sito per modificare la home page.
  3. Apri la visualizzazione in modalità elenco e seleziona il blocco Query Loop.
  4. Visualizza le impostazioni del blocco nella barra laterale a destra. Se non vedi la barra laterale, potresti dover fare clic sull’icona Impostazioni nell’angolo in alto a destra per visualizzare le impostazioni. Questa icona ha l’aspetto di un quadrato con due colonne irregolari:
L'icona delle impostazioni nell'Editor con la descrizione comando "Impostazioni" sotto di essa.
Fai clic sull’icona Impostazioni per aprire le impostazioni del blocco
  1. Attiva l’impostazione denominata “I blocchi interni utilizzano la larghezza del contenuto“.
  2. Nella casella “Larghezza contenuto“, imposta il valore che desideri per la larghezza del contenuto in pixel oppure altre unità di misura, come percentuale o em.
  3. Imposta un valore personalizzato per la larghezza ampia del contenuto, che si applicherà ai blocchi impostati su “Ampio“.
  4. In “Giustificazione“, imposta il contenuto all’interno del blocco Query Loop a sinistra, al centro o a destra della pagina.
  5. Fai clic sul pulsante “Salva” per salvare le modifiche.
L'impostazione del layout del blocco Query Loop mostra l'opzione "I blocchi interni utilizzano la larghezza del contenuto" attivata.
Copied to clipboard!