La sidebar, posizionata nella maggior parte dei casi di fianco a un articolo, è una parte importantissima di un sito web che permette di svolgere varie operazioni come la generazioni di contatti, l’advertising di prodotti interni o esterni e molto altro.
Solitamente questa viene registrata con l’installazione di quasi tutti i temi WordPress attuali, ma possono esserci dei casi in cui le sidebar registrate possono non bastarti o non esserci affatto.
Dunque, cosa fare in questa situazione? Abbiamo due principali soluzioni:
- Creare una sidebar tramite codice (consigliato).
- Creare una sidebar tramite plugin.
Sei pronto? Partiamo!
Creare sidebar WordPress tramite codice
Questa è la modalità più pulita e che non appesantirà il tuo sito web con ulteriori plugin, vediamo cosa fare passo dopo passo.
1) Creare un child theme
Prima ancora di creare la nostra sidebar è necessario creare un child theme.
La creazione di un child theme (tema figlio) è necessaria quando si vuole apportare qualsiasi tipo di modifica tramite codice e per non perdere le modifiche effettuate al prossimo aggiornamento del tema.
2) Modificare il file functions.php
Una volta creato il nostro child theme andiamo su Aspetto > Editor del tema > functions.php.
Assicurati che il file functions.php sia del tema figlio e non del tema padre.
Scorri il file fino infondo e aggiungi il seguente codice:
if ( ! function_exists('nuova_sidebar') ) {
function nuova_sidebar() {
register_sidebar(array(
'name' => 'Nuova Sidebar',
'id' => 'nuova-sidebar',
'description' => 'Nuova Sidebar Custom.',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
}
}
add_action('widgets_init','nuova_sidebar');Una volta aggiunto il codice aggiorna il file.
Se è andato tutto a buon fine dovresti visualizzare la sidebar “Nuova Sidebar” su Aspetto > Widget.
3) Aggiungiamo la nostra nuova sidebar su un file del template
Ora che abbiamo registrato la nostra sidebar non dobbiamo fare altro che visualizzarla.
In questo caso la inseriremo in un articolo ma è possibile inserirla ovunque si voglia.
Quindi andiamo su Aspetto > Editor del tema > single.php del tema child.
Se non visualizzi il file single.php copialo dal tema padre e crealo alla stessa altezza del file functions.php nel tema figlio utilizzando il plugin WP File Manager.
Aggiungiamo il seguente codice in base alla posizione in cui vorremmo visualizzare la sidebar.
<?php if ( is_active_sidebar( 'nuova-sidebar' ) ) : ?>
<?php dynamic_sidebar( 'nuova-sidebar' ); ?>
<?php endif; ?>Ecco un esempio:
Complimenti, hai appena creato una nuova sidebar tramite codice! 🙂
Creare sidebar WordPress tramite plugin
Se non te la senti di apportare modifiche tramite codice non ti preoccupare, WordPress offre sempre una seconda possibilità.
Esistono infatti svariati plugin che permettono di realizzare delle sidebar personalizzate, tra cui uno dei migliori e che vedremo in questa guida è Custom Sidebars.
1) Registriamo la nostra nuova sidebar
Una volta installato e attivato il plugin vai su Aspetto > Widget e seleziona il bottone “Create a new sidebar”.
Inserisci il nome e la descrizione della sidebar dopodiché creala selezionando l’apposito bottone.
La sidebar che hai appena creato è simile a quelle installate dal tuo tema ed è possibile aggiungere i widget con la stessa metodologia.
In più potrai anche definire la posizione delle nuove sidebar.
Tutto qui, semplice, vero?
Conclusioni
Come accennato fin dall’inizio la sidebar ha un ruolo molto importante su un sito web.
Questa offre varie funzionalità positive per il nostro business e la sua mancanza potrebbe comportare un grande problema.
Hai già una sidebar? E soprattutto, come la utilizzi? Fammelo sapere nei commenti! 🙂