Visualizzare elementi diversi a seconda delle sezioni del blog

Diverse volte (anche nel precedente post, dall'autore del blog ASD Monteiasi Calcio) mi è stato chiesto come fosse possibile visualizzare un elemento solo nella pagina principale del blog e non nelle altre. Ho deciso quindi di spiegare in questo post come sia possibile nascondere o mostrare i vari elementi a seconda di dove ci si trova nel blog.

Può risultare utile per diversi motivi: ad esempio, su Creare blog determinati annunci AdSense sono visibili solo nella pagina del singolo post e non nella pagina principale. Oppure potremmo decidere di visualizzare elenchi di post, o slide di foto, solo nella pagina principale piuttosto che in quelle del singolo post.

Queste modifiche riguardano il template del blog, e quindi consiglio di farne il backup.

Individuare gli elementi da nascondere nel blog

Bisogna andare in Layout->Modifica HTML, e selezionare "Espandi modelli widget". A quel punto possiamo cercare gli elementi che vogliamo nascondere. Teniamo presente che i vari widget che aggiungiamo (ad esempio HTML/JavaScript, Elenco categorie, e così via), hanno sempre questa struttura:

 

<b:widget id='....' locked='....' title='....' type='...'>
<b:includable id='...'>
...

</b:includable>
</b:widget>

In base al valore di title (cioè il titolo che avete dato all'elemento) potete capire di quale elemento si tratta. Nel mio caso, l'elemento con la ricerca nel blog comincia con

<b:widget id='HTML3' locked='false' title='Cerca nel blog' type='HTML'>

e lo riconosco proprio dal titolo. Ovviamente potete usare anche le altre proprietà per individuare l'elemento, come il type (HTML, LinkList, e così via).

Tuttavia potete decidere non solo di nascondere widget ma anche intere porzioni di codice del template, come per l'appunto nel mio caso quelle in cui visualizzo alcuni annunci AdSense.

Visualizzare o nascondere un elemento solo nella sezione principale del blog

Individuate il codice che volete visualizzare nella pagina principale del blog, e racchiudetelo tra:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

e

</b:if>

Nel caso di un widget, queste due porzioni di codice vanno inserite rispettivamente subito dopo <b:includable e subito prima di </b:includable>. Per tornare al mio esempio di prima, se volessi visualizzare la casella di ricerca solo nella pagina principale del blog il codice sarebbe il seguente:

<b:widget id='....' locked='....' title='....' type='...'>
    <b:includable id='...'>
        <b:if cond='data:blog.url == data:blog.homepageUrl'>
        ...
        </b:if>
    </b:includable>
</b:widget>

Cercando di rispettare  i tag HTML di apertura e chiusura: se sono presenti più sequenze di <b:includable e di </b:includable> dentro il codice di apertura e chiusura del widget, allora dovrete ripetere l'intervento. Ma in genere sono presenti una sola volta.

Se invece volete che il vostro elemento sia nascosto solo nella pagina principale del blog, il suo codice va racchiuso tra:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

e

</b:if>

Attenzione: in questo caso le considerazioni vanno fatte sole sulla pagina principale del blog. Quando cliccate su una categoria, e vedete l'elenco dei suoi articoli, già non siete più nella pagina principale del blog. Se volete che un elemento sia visibile sia nella pagina principale del blog che in quelle delle categorie o delle ricerche, ma non nelle pagine dei singoli post, leggete quanto sto per spiegare.

Visualizzare o nascondere un elemento solo nelle pagine dei singoli post

Se volete che un elemento venga visualizzato solo nelle pagine dei singoli post, il suo codice va racchiuso tra:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

e

</b:if>

Quindi nella pagina principale del blog e in quelle delle categorie non sarà visibile. Se viceversa volete che un elemento sia visibile sempre tranne che nelle pagine del singolo post, allora il suo codice va racchiuso tra:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

e

</b:if>

Abbiamo così coperto le principali casistiche. Per chiarimenti o maggiori approfondimenti, lasciatemi un commento!

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!