Senza dubbio, il plugin Sidebars personalizzati "È un" must-have "(avere), specialmente se hai un sito con un'area membri. I primi Visitatori del tuo sito non hanno necessariamente lo stesso contenuto nelle barre laterali del Visitatori regolare.

Allo stesso modo, ha senso visualizzare informazioni diverse (o widget) per gli utenti che sono connessi al tuo sito (come i dettagli dell'account), al contrario degli utenti disconnessi.

In questo tutorial, ti mostrerò come utilizzare questo plugin per aggiungere barre laterali personalizzate al tuo blog WordPress. Ti invito prima di tutto a scaricare e installare il plugin Sidebars personalizzati su WordPress.org.

Perché usare le barre laterali personalizzate?

Con le barre laterali personalizzate, puoi creare tante configurazioni per le tue barre laterali (per Visitatori per chi accede per la prima volta e per chi è abituato, per pagine specifiche del tuo sito, apposite 'landing page') e visualizzarli secondo necessità.

Ecco alcuni esempi di come potresti utilizzare le barre laterali personalizzate:

  • Se gestisci un blog che contiene recensioni, opinioni o tutorial, puoi visualizzare una barra laterale personalizzata per ciascuna categoria che meglio riflette e supporta l'argomento.
  • Condividi un calendario, un codice promozionale o un'offerta speciale con gli utenti che hanno effettuato l'accesso, a seconda del loro ruolo utente in WordPress.
  • Se hai un sito di negozio e-commerce, potrai visualizzare un elenco di prodotti o un elenco di articoli in evidenza.
  • Mostra annunci solo agli utenti che non sono collegati al tuo sito.

Ed ecco il tipo di barra laterale che puoi creare dalla dashboard con la versione gratuita del plugin:

  • Barre laterali per tutti i post che appartengono a una categoria
  • Barre laterali per tutti i post che appartengono a un tipo di post
  • Barre laterali per archivi (per categoria, tipo di post, autore, tag)
  • Barre laterali per la pagina principale del blog
  • Barre laterali per i risultati di ricerca

Presentazione di barre laterali personalizzate

Una volta che avete scaricato e installato il plug-in gratuito, vai alla seguente posizione: Aspetto> Widget nella dashboard di WordPress,

Noterai che lo stile è leggermente cambiato e offre una zona di scorrimento più organizzata.

custom-barre laterali a schermo

Noterai due nuove colonne nella sezione della barra laterale a destra. Se hai una barra laterale o un piè di pagina già personalizzato e visualizzato sul tuo sito, noterai che sono ancora lì, nelle barre laterali del tema a destra. A sinistra di questa colonna vedrai una nuova colonna intitolata "Barre laterali personalizzate" o Custom Sidebars, dove vengono visualizzate tutte le nuove barre laterali.

Come creare una barra laterale personalizzata

create-a-side bar

1. Fare clic sul pulsante blu contrassegnato con " Crea una nuova barra laterale«   situato nella parte superiore della pagina.

Ti verrà richiesto un nome per la barra laterale e una descrizione facoltativa. Queste informazioni ti aiuteranno a tenere traccia se crei più barre laterali.

infor-creazione-barra laterale

2. Seleziona l'opzione "Avanzate - Modifica codice wrapper personalizzato".

Questa opzione consente di modificare ciò che viene visualizzato prima del widget, dopo l'inizio del widget, prima della fine del widget e dopo il widget. Questo ti permetterà di integrare facilmente la tua barra laterale nel tema, come barra laterale predefinita con le loro configurazioni.

3. Dopo aver aggiunto la barra laterale, puoi iniziare a interagire con essa proprio come faresti con qualsiasi barra laterale.

Hai solo bisogno di far scorrere i tuoi widget all'interno.

Personalizzati barre laterali-in-action

Configurazione di una barra laterale personalizzata per un articolo o una pagina

Innanzitutto, assicurati che la barra laterale predefinita del tuo tema (quelli nella colonna delle barre laterali personalizzate) ha la casella selezionata " Consenti questa sidebar DA SOSTITUIRE", Che consente al plugin di sovrascrivere le barre laterali predefinite.

replace-barra laterale

Se hai un post o una pagina specifici in cui desideri che appaia la barra laterale personalizzata invece di quella predefinita, vai alla pagina di modifica del post o della pagina e cerca una nuova opzione intitolata barre laterali situato a destra dell'editor visivo.

sidebar-edition-darticle

Puoi anche configurare le barre laterali in base a categorie e tag. Devi solo configurare l'opzione " Noleggio barra laterale", Situato nella parte inferiore di ogni barra laterale.

Configurazione-sidebar-per-parola chiave

Ci sono altre opzioni, comunque richiedono licenza premium. Vorrei cogliere l'occasione per ricordarti che questo è un plugin che troverai anche su WPMUDEV, perché è gli altri di quest'ultimo.

Questo è tutto quello che c'era da fare per creare barre laterali personalizzate. Sentiti libero di condividere questo tutorial con i tuoi amici sui tuoi social network preferiti.