Creare Sidebar WordPress con codice o plugin

Creare Sidebar WordPress con codice o plugin

La guida ideale per chi vuole aggiungere una nuova sidebar personalizzata sul proprio tema WordPress tramite codice o plugin.

Aggiornato il Scritto da Matteo Feduzi Personalizzazioni, WordPress Nessun commento

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.

Registrare nuova sidebar con codice su WordPress

Se è andato tutto a buon fine dovresti visualizzare la sidebar “Nuova Sidebar” su Aspetto > Widget.

Nuova sidebar registrata su WordPress tramite codice

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:

Inseriamo la nostra nuova sidebar in un file del nostro template WordPress

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.

Registrare una nuova sidebar su WordPress con il plugin Custom Sidebars

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! 🙂

Benvenuto!

Sono Matteo Feduzi, autore di matteofeduzi.com. Ogni giorno aiuto migliaia di imprenditori e neo-imprenditori a sviluppare il proprio business online.

Nuovi tips giornalieri e interessanti su:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *