Come creare una barra laterale dinamica (widget-ready)

Una delle caratteristiche di Wordpress che ritengo più utili e interessanti è sicuramente la cosiddetta barra laterale “widget-ready” o dinamica , cioè che permette attraverso il Pannello di Amministrazione di aggiungere o togliere i menu laterali attraverso un semplice trascinamento, senza il bisogno di mettere mano ogni volta al codice del tema.

Questa funzione nacque inizialmente come un plugin sviluppato da Automattic e dalla versione 2.2 di Wordpress è diventato parte integrante del cosiddetto “core” delle funzioni già installate in maniera predefinita.

Ma lo scopo di questo post non è spiegarvi che cosa sono i widget, ma invece come si può creare una barra laterale widget-ready, usando un po’ di codice veramente semplice. Se insomma il vostro tema non è ancora configurato per utilizzare questa funzione e avreste sempre voluto installarla, o se semplicemente siete curiosi di capire come funzioni, siete nel post(o) giusto…

Innanzitutto vi devo dire che grazie all’implementazione del plugin come parte integrante di Wordpress il codice da utilizzare per attivare questa funzione è veramente pochissimo, il che ci fa risparmiare un bel po’ di lavoro e rende il tutto molto più facile anche agli allergici alla programmazione (me compreso…)

Ma ora basta chiacchiere, mettiamoci al lavoro: apriamo subito il file sidebar.php con un editor di testo. In cima a questo aggiungiamo il seguente codice:

<ul id="sidebar">

<?php if ( !function_exists('dynamic_sidebar')

|| !dynamic_sidebar() ) : ?> 
</ul>

Questo codice si basa su di una struttura della barra laterale basata sulle liste non-ordinate, divenuto molto comune nella progettazione di pagine web, per un fattore di semantica e usabilità. Se la vostra barra laterale è stata sviluppata in altro modo potete comunque integrare la barra laterale dinamica utilizzando solamente la funzione PHP.

Il secondo passo da compiere è creare, o se già presente nel vostro tema modificare, il file function.php. All’inizio di questo file inserite il seguente codice:

<?php

if ( function_exists('register_sidebar') )

    register_sidebar();

?>

Ed ecco fatto! Se avete seguito tutti i passi nel modo giusto non vi resta che aggiungere i widget che preferite attraverso il Pannello di Amministrazione di Wordpress e ricaricare la pagina del vostro blog. La barra laterale dovrebbe magicamente comparire in tutto il suo splendore.

Ora non vi resta che modificare la barra laterale usando i Css per adattare il tutto al vostro tema. Buon lavoro!

2 commenti

  1. Luca ha detto:

    Ciao e complimeti per il sito.
    Io ho un problema. Il widget delle categorie nella sidebar mi genera un errore in taxonomy.php – e non posso rimuoverlo dall’interfaccia di admin in nessun modo.  Come posso eliminarlo???
    Grazie anticipatamente. Luca

Lascia un commento