20 gennaio, 2012

Cosa sono e cosa significano i tag di Blogger.

In molti articoli vengono usate delle etichette per Blogger che ormai sono diventate consuete anche per chi non è un esperto di codici. Faccio l'esempio di data:title che avrete certamente visto scorrendo il codice del vostro blog oppure data:label.name. Queste etichette non fanno parte del linguaggio HTML e funzionano solo su Blogger, per meglio dire solo su alcune sezioni di Blogger.

L'insieme di queste etichette è chiamato Layouts Data Tags ovvero Tag dei dati per i layout e consentono agli web designer di creare i modelli e ai proprietari dei blog di modificarli. Se si inserisce uno qualsiasi di questi tag in un contesto diverso da quello di un modello di Blogger, non sarà rilevato come parte del linguaggio. In estrema sintesi si tratta di variabili che prendono un determinato valore a seconda della pagina in cui sono visualizzate.

Fin dalle medie inferiori abbiamo imparato a usare le variabili nelle equazioni, in seguito anche nelle funzioni. Invece della x, y, z vengono usati questi tag, all'interno di altri tag, oppure anche da soli. Se per esempio incolliamo in un punto del modello la stringa <data:blog.title/>, in quella posizione sarà visibile nel nostro layout il nome del blog . Viene quindi stabilito un linguaggio interno con una struttura che consente di usare queste variabili al posto di quello che si visualizzerà realmente nella pagina web. Per esempio data:title individua il titolo dei gadget che aggiungiamo mentre data:label.name è il nome delle etichette utilizzate in un post. Quest'ultimo tag funzionerà solo dentro un contenitore che avrà come base id='label'. Questo vale in linea di massima per tutti i tag che sono supportati. Nella pagina di elenco delle etichette ci sono quelle che possono essere utilizzate a livello globale, vale a dire in ogni parte del modello, e quelle che funzionano solo in una determinata sezione del blog o in determinato widget.

Vi sarete già resi conto che questo articolo più che scriverlo per i lettori rappresenta una esercitazione mnemonica a mio uso e consumo per cercare di ricordarmi meglio alcuni dei tag più importanti. Tutti iniziano con data: e sono seguiti da una stringa  in relazione all'elemento che rappresentano.

TAG GLOBALI CHE SI POSSONO USARE IN TUTTO IL MODELLO

data:blog.title:  Titolo del blog
data:blog.pageType: Tipologia della pagina vale a dire item (singoli post), archive o index.
data:blog.url: Indirizzo della pagina
data:blog.homepageUrl: Indirizzo della Homepage del blog
data:blog.pageTitle: Il titolo della pagina corrente

TAG USATI SOLO NELLA INTESTAZIONE

data:title: Il nome del blog
data:description: La descrizione del blog

TAG USATI SOLO NEI POST

data:olderPageUrl: URL per i post più vecchi
data:olderPageTitle: Testo del link dei post più vecchi
data:newerPageUrl: URL per i post più recenti
data:newerPageTitle: Testo del link per i post più recenti
data:commentLabel: La frase da utilizzare per visualizzare il numero di commenti, ad esempio "commenti".
data:post.dateHeader: La data di ciascun post (presente solo nel primo del giorno)
data:post.id: L'ID numerico del post
data:post.title: Il titolo del post
data:post.body: Il contenuto del post
data:post.url: Il Permalink del post
data:post.author: Il nome dell'autore del post
data:post.timestamp: L'orario del post (presente in ogni post)
data:post.labels: Elenco delle etichette del post
data:post.comments: Elenco di tutti i commenti del post
data:post.numComments: Numero dei commenti del post
data:comments.id
: ID numerico del commento
data:comments.body
: Il corpo del commento
data:comments.author: L'autore del commento

Mi sono limitato a elencare solo quelli più importanti. Ad alcuni tag possono essere aggiunte delle espressioni finali. Per esempio data:post rappresenta tutti i post presenti in una data pagina mentre  data:post.url è l'indirizzo di un articolo. Quando i server di Blogger individuano uno di questi tag in una pagina automaticamente ne mostrano il risultato esattamente come succede con una espressione che contiene una variabile.

Oltre a quelli globali, per l'intestazione e per i post ci sono tag specifici anche per ogni gadget ufficiale di Blogger come l'Archivio, il Profilo, le Etichette, l'Elenco, l'Elenco di link e il Gadget illustrato. Nei gadget HTML/Javascript, che sono poi i più utilizzati, vengono supportati questi due tag

data:title: Il titolo del gadget
data:content: Il contenuto del gadget.



6 commenti:

  1. sarebbe utile sapere bene cosa fare in WLW dei tag posti in alto nei comandi e poi se mi sai dire se con il nuovo WLW si possono inserire tooltip
    grazie amigo!!

    RispondiElimina
  2. @Tex Willer
    Alcune cose con WLW non funzionano, credo che i tooltip sia una di queste e che debbano essere inseriti magari riaprendo il post su Blogger. Nella omnibar di WLW ci sono un sacco di comandi, alcuni utili, altri meno. Ho già pubblicato qualcosa in merito
    http://www.ideepercomputeredinternet.com/2011/02/videotutorial-di-windows-live-writer-il.html
    Ci sono due video tutorial

    RispondiElimina
  3. Il tuo magnifico post mi tornerà molto utile.
    Grazie.

    RispondiElimina
  4. Come sempre splendido post... Primo o poi mi farò un template di blogger tutto mio...

    RispondiElimina
  5. ciao grande ho provato a cercare nel tuo sito ma non l'ho trovato..magari ti darò lo spunto per un nuovo post :)
    Quando clicco su un tag (o etichetta) blogger mi mostra tutti i post con quel tag; me ne mostra 20 per pagina, poi basta cliccare sul pulsante "Post piu vecchi" e ti mostra gli altri 20 e cosi via....sai per caso come si modifica (aumentare o diminuire) questo numero??? grazie e complimenti per il sito

    RispondiElimina
  6. @Marco Parrilla
    Non sono a conoscenza di un modo per modificare questa impostazione.

    RispondiElimina