Piccole lotte quotidiane

Hacking Wordpress #1: Sidebar condizionale

26 April 2006

Ovvero: come etichettare una categoria in base all’ignoranza popolare

Hacking: in ambito tecnico, lo si può definire come studio dei sistemi informatici al fine di potenziarne capacità e funzioni. (da Wikipedia)

Affrontiamo quindi, in una serie di articoli, come personalizzare il nostro Wordpress, adattando piccole cose in modo da rendere le nostre pagine uniche, e da non rendere il nostro spazio solo un altro blog targato Wordpress.

Nascondere la sidebar negli articoli

Iniziamo con un piccolo esempio sulla creazione di pagine di post senza la barra laterale. In questo modo daremo più aria agli articoli, avendo cura di lasciare comunque una barra di navigazione “globale” per tornare alla home o per navigare all’interno della stessa categoria (ma di questo parleremo in seguito).

Innanzitutto cerchiamo di capire, dal sorgente, a quale blocco del layout è associata la sidebar: nel mio caso è contenuta in un elemento div di id “sidebar”. Inoltre controlliamo a quale blocco fa riferimento il contenuto degli articoli: sempre nel mio caso, un div di id “content”. Quindi andiamo a modificare il file header.php del template inserendo, prima della chiusura di head, il codice

<?php
if (is_single())
{
?>

<style type=”text/css”>

#sidebar {display:none}
#content {width:660px;margin-left:10px;}

</style>

<?php
}
?>

In questo modo andiamo a nascondere la sidebar e a modificare la larghezza del contenuto, in modo che vada ad occupare tutta la larghezza del layout. (modifichiamo ovviamente le proprietà di #content a seconda del nostro template). Questa modifica verrà effettuata solo se siamo in una pagina di post singola. Se vogliamo lo stesso effetto anche per le pagine, aggiungiamo in OR la funzione is_page():

<?php
if (is_single()||is_page())
{
?>

<style type=”text/css”>

#sidebar {display:none}
#content {width:660px;margin-left:10px;}

</style>

<?php
}
?>

Ovviamente lo stesso effetto può essere ottenuto inserendo in una IF tutta la sidebar, ma questa soluzione che ho appena illustrato è la più semplice da implementare, per ogni livello di conoscenza informatica.

Nel prossimo articolo vedremo come aggiungere le icone per i link esterni e come inserire un form per la ricerca nel sito.

Partorito da Vittorio C. alle 09:12
Tags: Hacking Wordpress