Da oggi concentreremo la nostra attenzione sulla creazione e modifica dei modelli per blogger.
Questa pratica è molto utile per avere delle strutture adatte alle nostre esigenze e soprattutto funzionali.
Cominciamo col dire che la guida sarà divisa in più parti e avrà come scopo la realizzazione di un intero modello a partire da 0.
Non preoccupatevi: non sono necessarie particolari conoscenze di HTML. La guida è aperta a tutti!
Sviluppo di un modello per blogger: Parte 1
Prima di iniziare lo sviluppo di un qualsiasi modello, è necessario avere in mente un'idea della sua struttura.
Solitamente le strutture cambiano da modello a modello ma vi sono parti che rimangono invariate.
Ed è proprio partendo da una struttura base che successivamente riusciremo a creare un modello del tutto personale.
La maggior parte degli elementi di una struttura (header, post-section, footer) è visibile ai nostri occhi. Tuttavia dobbiamo sapere che esistono delle sezioni invisibili, la cui funzione è quella di far visualizzare correttamente il modello.
Per iniziare definiamo le varie sezioni di un modello completo.
- Body: la sezione più esterna è rappresentata dal blocco Body. Occupa tutta la parte di fondo dello schermo.
- Outer-wrapper: questa sezione copre l'intero modello. Rappresenta un involucro per vari blocchi quali l'Header, il Content e il Footer.
- Header: questa sezione rappresenta la parte superiore della struttura. All'interno di questo blocco è possibile avere altre sezioni quali quella del titolo (Header Title) e della descrizione (Header Description). E' inoltre possibile trovare un banner Adsense o un qualsiasi menu. Ovviamente tutte queste sezioni sono contenute all'interno di un header principale (Header-wrapper).
- Content: sotto la sezione Header troviamo il Content-wrapper che rappresenta il blocco più importante di tutta la struttura siccome racchiude un pò tutte le varie sezioni. Vi troviamo la sezione principale (Main, che contiene anche la sezione degli articoli => Post) e le barre laterali (Sidebar).
- Footer: è la sezione inferiore del modello. Come per l'Header vi è possibile trovare un Footer-wrapper per contenere altri sotto-blocchi.
- Main: tale sezione è posta all'interno del Content-wrapper. All'interno vi troviamo posizionato il Main-wrapper che include sezioni quali Post, Comment, Date Header e widgets creati con la funzione Aggiungi Elemento.
- Sidebar: rappresenta la sezione che contiene tutti i widgets. Un modello standard di Blogger solitamente ne contiene una sola. Tuttavia non è complicato aggiungerne delle altre.
- Blog Post: è una sezione importante che contiene i titoli degli articoli (Post Titles), gli articoli (Post), gli autori (Authors), le etichette (Labels) ecc...
Riassumendo, è possibile sintetizzare il tutto con questo schema:
- Body
- Header-wrapper
- Blog Title
- Blog Description
- Altri widgets
- Content-wrapper
- Sidebar-wrapper
- Main-wrapper
- Date Header
- Posts
- Post Title
- Post Content (o Post Body)
- Post Footer (Author, Labels, etc)
- Comments
- Feed Link
- Altri widgets
- Footer-wrapper
- Footer text
- Altri widgets
Dopo aver compreso l'importanza delle varie sezioni, sarà molto più semplice iniziare a strutturare i nostri modelli. Per far ciò dovremo affrontare l'argomento che riguarda la strutturazione di un qualsiasi modello blogger. Tutto ciò verrà ovviamente esposto nella seconda parte della guida.
