Tutorial Layouts - Modificare le sezioni dei miei templates

Una domanda che mi viene rivolta spesso è come fare per modificare le colonne di navigazione nei miei templates. In questo piccolo tutorial cercherò quindi di spiegarlo.

Premetto che purtroppo la struttura dei miei primi templates è diversa da quella degli ultimi, per cui per spiegarle entrambe dovrò probabilmente scrivere un post abbastanza lungo. Abbiate pazienza ^_^

Dunque, per cominciare dovete individuare il punto in cui inizia la colonna di navigazione, che è

<div id="navig">


Se il template ha tre colonne, in genere identifico quelle di navigazione con

<div id="dx"> e <div id="sx">


o con

<div id="navid_dx"> e <div id="navig_sx">

Trovate quindi quella delle due che vi interessa.

All'interno della colonna, una voce menu ha questa struttura

<p class="titoli">
Titolo della sezione
</p>
<p>
contenuto della sezione
</p>

oppure, per i templates più recenti, questa

<div class="titoli">
Titolo della sezione
</div>
<div class="box_nav">
contenuto della sezione
</div>

Come potete vedere, ogni sezione è quindi formata da due parti, una contenente il titolo e l'altra il contenuto vero è proprio (immagini, links, semplice testo o qualsiasi cosa vogliate inserire.

Vediamo le varie operazioni che potreste voler fare.



ELIMINARE UNA SEZIONE CHE NON INTERESSA

E' sufficiente selezionare il codice della sezione, che avrà la struttura vista sopra, e cancellarlo.

Attenzione, non devono rimanere parti di codice o rischiate di vedere sballato tutto il template!



AGGIUNGERE UNA SEZIONE NELLA COLONNA

Non dovete fare altro che copiare e incollare uno dei due codici postati sopra nel punto in cui volete la nuova sezione; ovviamente basta che guardiate il codice del template che avete scelto per sapere quale dei due usare ;)
Anche in questo caso, fate molta attenzione a non tralasciare nessuna parte di codice. State anche attenti a non inserire il codice in una sezione già esistente, otterreste un disastro!

Una cosa sbagliata di questo tipo:

<div class="titoli">
Titolo 1
</div>
<div class="box_nav">
contenuto della sezione 1

<div class="titoli">
Titolo 2
</div>
<div class="box_nav">
contenuto della sezione 2
</div>
</div>

provocherà dei danni notevoli al template...
La sequenza corretta per inserire le sezioni è

<div class="titoli">
Titolo 1
</div>
<div class="box_nav">
contenuto della sezione 1
</div>

<div class="titoli">
Titolo 2
</div>
<div class="box_nav">
contenuto della sezione 2
</div>

oppure

<p class="titoli">
Titolo 1
</p>
<p>
contenuto della sezione 1
</p>

<p class="titoli">
Titolo 2
</p>
<p>
contenuto della sezione 2
</p>

MODIFICARE UNA SEZIONE GIA' ESISTENTE

Solitamente nei miei templates trovate una sezione vuota:

<div class="titoli">
Titolo
</div>
<div class="box_nav">
Sezione vuota <br/>
Copiatela, incollatela dove volete avere una nuova sezione e modificate il testo
</div>

oppure

<p class="titoli">
Titolo
</p>
<p>
Sezione vuota <br/>
Copiatela, incollatela dove volete avere una nuova sezione e modificate il testo
</p>

Se la sezione vuota non è presente, potete comunque usarne una qualsiasi.
In ogni caso tutto quello che dovete fare è modificare il titolo della sezione e il contenuto. Per cui se ad esempio volessi una sezione coi miei libri preferiti scriverei:

<div class="titoli">
I miei libri
</div>
<div class="box_nav">
"Il Signore degli Anelli"<br/>
"Cronache della Galassia"<br/>
eccetera
</div>

oppure

<p class="titoli">
I miei libri
</p>
<p>
"Il Signore degli Anelli"<br/>
"Cronache della Galassia"<br/>
eccetera
</p>

E con questo credo sia tutto. Ovviamente sono sempre disponibile per domade e chiarimenti ;)

 

Torna all'indice dei tutorials - Vai alla discussione sul forum