Per creare un sito web in qualsiasi formato (ad esempio un blog), è necessario un linguaggio di programmazione che consenta di strutturarne i contenuti e di visualizzarli in un modo specifico quando l'utente accede alle sue pagine. Tra i linguaggi più comunemente utilizzati ci sono HTML, JavaScript e PHP, oltre a CSS per la presentazione o la formattazione.
Blogger non fa eccezione e utilizza i primi due... o forse è un'eccezione perché il suo HTML è un po' particolare.
Chi ha familiarità con i dettagli dei template avrà familiarità con espressioni come b:include , b:loop , b:if e altre simili, che in realtà non appartengono a nessun linguaggio comune, bensì a quello parlato solo da Blogger, un dialetto derivato dall'HTML.
Un tempo pensavo che fosse un fastidio il fatto che non fosse una lingua standard, ma la verità è che col tempo ho capito che i suoi contributi linguistici , se correttamente compresi, possono essere utilizzati per fare una serie di cose che altrimenti sarebbero più complicate e in alcuni casi impossibili.
In sostanza, le istruzioni specifiche del linguaggio Blogger si distinguono per la presenza dei prefissi b:, data : ed expr:. I primi servono per creare routine ( b:include ), cicli ( b:loop ) o condizioni ( b:if ), data: serve per gestire le variabili e gli ultimi ( expr :) permettono di combinare i dati utilizzando gli operatori appropriati .
Dopo aver spiegato brevemente questo argomento a titolo di introduzione giustificativa, la novità di oggi ( ieri per la precisione ) è che alcune espressioni nuove e particolarmente pratiche sono state incorporate nell'universo Google .
b:cambia
Ora è possibile utilizzare un'utilità comune in altri linguaggi, come b:switch , che è un tipo di condizione multipla in cui, a seconda del valore di una variabile, verrà eseguito un codice o un altro. Questo sarà utile quando abbiamo molti casi diversi da cui ricavare il flusso di programmazione ed evitare così un sacco di annidamenti che dovremmo fare con b:if , ad esempio .
<b:switch var='data:blog.pageType'> <b:case value="indice" /> <h2><data:post.title></h2> <b:case value="archivio" /> <h3><data:post.title></h3> <b:case value="static_page" /> <h1><data:post.title></h1> <b:case value="item" /> <h1><data:post.title></h1> <b:default /> <h3><data:post.title></h3> </b:cambia>
In questo esempio, b:switch analizza il valore di data:blog.pageType per vedere in che tipo di pagina ci troviamo e, a seconda del risultato, inserirà il titolo del post con un'intestazione H di maggiore o minore importanza.
b:valutazione
In combinazione con expr: ci consente di valutare espressioni più complesse che includono più di una semplice variabile di dati: .<b:eval expr="data:post.labels[0].url" />
Il codice soprastante restituirebbe l'indirizzo del primo tag nel post.
<b:eval expr='data:post.allowComments ? "Commento" : "Commenti disabilitati" />
Quest'altro ci mostrerebbe il messaggio "Commento" se i commenti sono abilitati e "Commenti disabilitati" altrimenti.
b:con
Viene utilizzato per definire variabili personalizzate, temporanee, che includano contenuti complessi. Queste variabili possono essere riutilizzate per evitare lunghe espressioni in linea . Il loro contenuto sarà disponibile solo all'interno del tag b:with , ovvero finché il tag non viene chiuso.<b:with var='variablename' value='"background-image: url(\"" + data:sourceUrl "\");" + " width: " + data:width + "px; " '>
<div id="header-inner" expr:style='data:variablename'>
<h1>Il mio blog</h1>
</div>
</b:con>
Salviamo una riga CSS in variablename , che è il risultato della concatenazione di una coppia di variabili data: , e poi la usiamo per definire lo stile del box con l'ID header-inner .
Potrebbe sembrare il contrario, ma questi ragazzi di Blogger continuano a farlo ;)
Commenti
Posta un commento