Aggiunta di una barra laterale utilizzando l’Editor del sito

Molti siti web, in particolare i blog, hanno una barra laterale per visualizzare le informazioni aggiuntive, come un’immagine, un testo Informazioni, link ad altri articoli, profili di social media e molto altro.

Questa guida ti mostrerà come aggiungere una barra laterale usando l’Editor del sito. Per usare il metodo descritto in questa guida, sul tuo sito deve essere in uso un tema che supporti l’Editor del sito.

In questa guida

1. Creazione di una barra laterale su un template Vuoto
2. Aggiunta di una barra laterale al template Indice o al template Archivio

In generale, un elemento della barra laterale può essere aggiunto usando il blocco Colonne con un layout 70/30, dove la colonna più piccola sarebbe la barra laterale.

Partendo da Aspetto → Editor del sito, fai clic sull’icona del tuo sito nell’angolo in alto a sinistra e scegli Template. Successivamente, a seconda delle tue esigenze, puoi procedere con i seguenti passaggi:

Creazione di una barra laterale su un template Vuoto

1. Seleziona il template Vuoto.
2. Fai clic sul pulsante + per l’inserimento dei blocchi e inserisci un blocco Colonne.
3. Imposta un layout a due colonne e seleziona 70/30.
4. Nella colonna più piccola, aggiungi tutti i blocchi alla barra laterale che desideri avere.
5. Nella colonna più grande, aggiungi il blocco Contenuto dell’articolo. Mostrerà in modo dinamico il contenuto della pagina o dell’articolo a cui in seguito applicherai il template vuoto (vedi passaggio 7).
6. Fai clic su Salva.
7. Modifica una pagina o un articolo che desideri abbia una barra laterale. Nelle impostazioni a destra, cerca l’impostazione Template. Seleziona il template Vuoto qui.

Ora, qualsiasi pagina o articolo che usa il template Vuoto mostrerà la tua barra laterale accanto al contenuto di quella pagina o di quell’articolo.

Aggiunta di una barra laterale al template Indice o al template Archivio

Il template Indice è ciò che mostra i tuoi articoli. Il template Archivio è ciò che mostra gli articoli con una particolare categoria o tag. Aggiungendo una barra laterale a uno di questi template, questa apparirà nelle pagine dei tuoi articoli e nelle pagine delle categorie e dei tag.

Partendo da Aspetto → Editor del sito, fai clic sull’icona del tuo sito nell’angolo in alto a sinistra e scegli Template. Quindi:

1. Seleziona il template Indice.
2. Dalla Visualizzazione a lista, seleziona il blocco Loop di query e trasformalo in un blocco Colonne.
3. Imposta il blocco Colonne su due colonne nelle relative impostazioni.
4. Usando la Visualizzazione a lista, seleziona ciascuna colonna e imposta una al 70% e l’altra al 30%.
5. Nella colonna più piccola, aggiungi tutti i blocchi alla barra laterale che desideri avere.
6. Fai clic su Salva.

In modo analogo, puoi seguire questo processo per altri template come Pagina, Pagina iniziale, Articolo singolo, 404 o Cerca.

Per creare un componente riutilizzabile della barra laterale, ti consigliamo di salvarlo come blocco Parte del template in modo da poter aggiungere facilmente la barra laterale completata in un secondo momento, invece di crearla da zero per ciascun template.