Tra le altre categorie ci sono le pagine archive che corrispondono agli elenchi di post raggruppati per data di pubblicazione (esempio) ed infine ci sono le static_page, ovvero quelle pagine statiche che i blogger usano per descrivere il proprio sito o raccogliere informazioni generali che non sono un vero e proprio articolo.
Se da un punto di vista stilistico, sarebbe meglio mantenere una certa uniformità di stile passando da una categoria di pagine alle altre, da un punto di vista dei contenuti, uno potrebbe volere mostrare o meno alcune elementi della pagina a seconda della categoria.
Mi spiego con un esempio concreto. Alcuni degli articoli presenti tra queste pagine appartengono ad una serie di articoli e per comodità sono caratterizzati da una barra di navigazione per avere a a portata di mano tutti i contenuti correlati. La barra di navigazione è però utile solo quando si sta leggendo quel particolare articolo (item) ed occupa solo spazio nelle pagine index.
Come far sparire un elemento?
Per far sparire un elemento, o meglio per non farlo visualizzare si può usare il CSS e impostare la proprietà display a 'none', ma il nostro scopo è di farlo in modo selettivo, ovvero solo per alcune categorie di pagine. Per ottenere questo obiettivo dobbiamo applicare una piccola modifica al template del nostro blog, in particolare alla linea che definisce il tag . Come al solito, accediamo alla pagina amministrativa del blog, sezione Modello, e clicchiamo sul bottone Modifica HTML. Mi raccomando fate un bel backup prima di procedere, perché better safe than sorry! Cercate la stringa <body e dovreste trovare qualcosa del tipo.
<body expr:class='"loading" + data:blog.mobileClass'>
E sostituitela con la seguente:
<body expr:class='"loading" + data:blog.mobileClass + " " + data:blog.pageType'>
In questo modo al body di ognuna delle vostre pagine verrà aggiunta come classe la categoria di pagina che state visualizzando. Il gioco è praticamente fatto, infatti a questo punto possiamo aggiungere delle regole CSS sfruttando il fatto che qualunque elemento visualizzato nella pagina è contenuto nella sezione body.
Immaginiamo per esempio che l'elemento che vogliamo nascondere abbia id='navbar', allora basterà aggiungere questa clausola CSS per nasconderlo dalle pagine index.
.index #navbar {
display: none;
}
Vi ricordo che il punto davanti ad index identifica una classe, mentre il cancelletto identifica un particolare ID. Nel caso specifico abbiamo volute nascondere un elemento, ma qualunque altra manipolazione che potete eseguire attraverso CSS può essere eseguita.
Nella speranza che questa pagina vi possa essere utile, vi suggerisco di leggere anche questo blog da cui mi sono ispirato, mentre per i trucchi più spettacolari questa pagina deve entrare nei vostri bookmark.
Ti lascio un saluto, inutile dire che non ci ho capito UNA MAZZA, poi mi sono ricordata che non sono una blogger...
RispondiEliminacome ti butti giù...
RispondiElimina