Per uscire un po’ dagli schemi standard di pubblicacazione, ispirandomi a Francesco Gavello, ho voluto aggiungere a questo blog un “contenitore” di tutorial e video tutorial su gimp, html, css, javascript e tutto quello che riguarda il web design, presi dalla rete. SideTuts verrà aggiornato frequentemente e già oggi c’è un primo video tutorial riguardante gimp.

I motivi per cui avere una sezione come questa ti invito a leggerli in questo esaustivo articolo, appunto di Francesco Gavello.

Invece vorrei spiegarti quali sono i passi che ho seguito per realizzare questa sezione.

Passo 1.

Aggiungi nel blog la categoria che sarà dedicata a questa sezione, nel mio caso SideTuts.

Passo 2.

Come prima cosa dovrai rimuovere gli articoli di questa categoria dal loop principale. In questo modo nell’home page non compariranno gli articoli relativi alla categoria SideTuts, che invece dovranno comparire nella sidebar.

Passo 3.

Tramite una query personalizzata devi generare il loop che prenda gli articoli solo di una determinata categoria e limitarne il numero di articoli da pubblicare. Il codice lo dovrai mettere nel file sidebar.php del tuo blog, posizionandolo dove vuoi che compaia il contenitore.

Passo 4.

L’ultima cosa da fare è evitare che l’articolo si veda per intero anche nella sidebar, una volta aperto. Per questo basterà aggiungere queste 2 righe di codice:
global $more;
// set $more to 0 in order to only get the first part of the post
$more = 0;

Maggiori dettagli li troverai in questo articolo.

Poi dovrai personalizzare l’aspetto tramite gli stili css, a tuo piacimento.

Cosa ne pensi di questa sezione? Ti sembra una buona idea?

Ti è piaciuto l'articolo? Se non vuoi rischiare di perderti i prossimi articoli tieniti aggiornato con i feed RSS o seguimi su twitter e facebook!

Se non sai cosa sono, guarda questo video Ora non sai come abbonarti? Guarda questo video

Inoltre potrai seguirmi su twitter, facebook o friendfeed!

Articoli simili che potrebbero interessarti

Dal Template Photoshop al Codice HTML CSS: Ecco Come Fare

Ultimamente mi arrivano molte richieste su come passare dal template costruito con Photoshop, Gimp, Fireworks ecc. al codice HTML CSS. Esistono molti...

Come progettare dei siti web con gimp

La progettazione di un sito web prevede diverse fasi: la raccolta del materiale, la visione di altri siti web concorrenti ecc. Poi è buona norma,...

Dal Template Photoshop Al Codice HTML CSS: 4° Aggiornamento

Nuovo aggiornamento per l'articolo iniziato tempo fa dove raccolgo i migliori tutorial in italiano e in inglese per realizzare il template in...