Disponibili 20 nuovi Temi (Modelli) ufficiali Responsive di Blogger.

Blogger rilascia 20 nuovi Temi Responsive suddivisi in 4 categorie. Come passare a questi nuovi Temi e quali sono le loro caratteristiche.

Grandi novità per la piattaforma Blogger. Qualche settimana fa ci eravamo tutti stupiti della modifica di alcune espressioni nella Bacheca di Blogger. Modello era diventato Tema e Personalizza era diventato Customize. Vista la pochezza delle modifiche si poteva supporre che questa fosse solo l'Anteprima di cambiamenti molto più radicali.

Questi cambiamenti in effetti sono arrivati in Bacheca proprio oggi e sono veramente interessanti anche se per chi abbia un blog su Blogger da diversi anni cambiare potrebbe portare a grosse difficoltà.

AGGIUNTI NUOVI TEMI SU BLOGGER

Il cambiamento della dicitura Modello a favore di Tema non poteva restare un evento isolato ed ecco che su Blogger sono stati aggiunti dei nuovi Temi con delle caratteristiche che sono una via di mezzo tra i Modelli utilizzati da anni come quello Semplice e i Modelli a Visualizzazione Dinamica che non hanno mai avuto grande successo. 

I Temi aggiunti sono 20 in totale suddivisi in 4 gruppi di 5 denominati Contempo, Soho, Emporio e Rilevanti. La novità più importante è però quella che sono tutti Temi Responsive che non hanno quindi bisogno di aver attivata la versione mobile per cellulari e tablet.

Quando si prova a applicare uno di questi Temi a un blog di Blogger, ci viene mostrato di default il bottone per il backup del codice del Tema

È quindi consigliabile andare su Scarica Tema per salvare quello esistente prima di applicare quello nuovo. Si va poi su Applica per applicare il Tema prescelto al blog. Per tornare indietro si clicca su Tema -> Backup/Ripristino per poi caricare il file del Tema che si è scaricato.

Nei nuovi Temi manca la ruota dentata sotto a Tema -> Cellulare perché si tratta di Temi Responsive che non hanno bisogno del redirect alla pagina con un URL a cui è stato aggiunto ?m=1. Non ci sarà quindi più differenziazione tra le modifiche apportate alla versione desktop e alla versione mobile di Blogger.

CODICE DEL TEMA DEI NUOVI TEMI

Il codice dei nuovi Temi a prima vista pare molto simile a quello dei vecchi a cui siamo abituati. Se si va su Tema -> Modifica HTML -> Vai al widget -> Blog1 si vedono tutte le sezioni in cui è suddiviso il codice della area del post o main area che non ha più le sezioni per il mobile

Le personalizzazioni come quelle dell'aggiunta di icone sopra o sotto il post o della implementazione di annunci pubblicitari vengono fatte inserendo i relativi codici nella sezione che inizia con la riga

<b:includable id='post' var='post'>

Non c'è la riga  corrispettiva per il mobile

<b:includable id='mobile-post' var='post'>

Non ho testato ma c'è da ritenere che tutte le personalizzazioni aggiunte nella sezione mobile andranno perdute con il passaggio ai nuovi Temi. Inoltre non ci sono più sezioni per il mobile come nei precedenti modelli

Nel precedente screenshot relativo a un vecchio Tema sono evidenziate di giallo tutte le sezioni per il mobile. Come vedete però il numero di sezioni non è diminuito ma anzi è aumentato a dismisura. Sono state infatti introdotte sezioni aggiuntive per una personalizzazione più dettagliata.

Per esempio il tag <data:post.body/> che aggiunge il contenuto del post è stato inserito nella nuova sezione

<b:includable id='postBody' var='post'>

come viene mostrato in questo screenshot

Quando quindi vogliamo inserire della pubblicità o delle icone all'inizio o alla fine del post dobbiamo far riferimento a questa specifica sezione e tali aggiunte saranno visibili nella versione desktop e in quella mobile. Sono state aggiunte nuove sezioni anche per il Footer, per l'Header, per il JumpLink, per lo Snippet, per le Etichette, per il Titolo del Post, ecc

ERRORI BLOGPOSTING

Nei Nuovi Temi quando si effettua il Test per i Dati Strutturati non ci sono Errori Blogposting

anche se non sono stati implementati i Breadcrumbs. Mi ero sempre stupito perché Blogger essendo di proprietà di Google avesse consentito la presenza di Errori Blogposting nei suoi modelli.

ASPETTO NELLA VISUALIZZAZIONE DA DESKTOP E DA MOBILE

Una novità che non so quanto sarà apprezzata è quella che l'Header si visualizza solo nella Homepage mentre viene nascosto nelle pagine dei post

Nei Nuovi Temi che ho testato c'è una sola sidebar in cui sono mostrati i widget che possono essere nascosti cliccando su una freccetta. A lato del contenuto del post c'è il link Condividi sopra alle etichette

Se ci si clicca sopra si aprirà una piccola finestra per copiare il link del post o per condividerlo su Facebook, Twitter, Pinterest, Google+ o per inviarlo per email. Per una perfetta condivisione su questi social, specie su Facebook, dovremo aggiungere i Metatag e lo script SDK nel Template. Ho notato anche che finalmente nelle condivisioni non viene mostrato il Nome del Blog prima del Titolo del Post.

Essendo questi Temi Responsive si adatteranno alla visione da mobile. Ecco un test effettuato con Screenfly.

Il Menù delle Pagine Statiche sarà visibile oltre che da desktop anche da mobile. Le voci che non entrano nella larghezza della pagina dovuta a una minore risoluzione vengono sostituite dal link Altro che se cliccato le mostrerà in un menù verticale in cui il lettore potrà scegliere

La visualizzazione da mobile non ha bisogno del redirect alla pagina con l'aggiunta di ?m=1 come già osservato.

Cosa succederà ai link mobili già pubblicati o condivisi che contengono tale stringa nell'URL?

Ho testato aggiungendo ?m=1 agli URL aprendo i post sia da mobile sia da desktop e si aprirà la stessa pagina anche con la stringa aggiuntiva senza alcun redirect. Quindi passando a questi nuovi temi non si perderanno backlink e condivisioni sociali. 

CONSIDERAZIONI CONCLUSIVE

Per passare a questi nuovi Temi ci sarà molto lavoro da fare e anche poco simpatico. Prima o poi però dovremo farlo per poter usufruire di queste nuove funzionalità. Non è che dobbiamo passare subito a questi Temi ma è bene sceglierli se intendiamo pubblicare un nuovo blog su Blogger. Nei prossimi post vedremo anche come personalizzare alcuni aspetti di questi Temi. Dovremo però stare attenti a applicare solo modifiche Responsive. Su questo sito ho pubblicato quasi 2000 post di tutorial su Blogger, non mi sento molto bene all'idea che la maggior parte di queste guide non sarà più valida con questi nuovi Temi di Blogger ☹🤔😒🙄.