Introduction : Les thèmes Blogger
Depuis 2006, l'écosystème de Blogger a connu une évolution progressive, enrichissant continuellement ses fonctionnalités. Cependant, cette diversification a aussi rendu l'architecture des thèmes (également appelés templates ou modèles) plus complexe à appréhender. Thèmes web, thèmes mobiles, thèmes dynamiques ou thèmes classiques : chaque type possède des caractéristiques uniques qui méritent d'être explorées.
Au cœur de cette diversité, l'éditeur XML et le concepteur de thèmes de Blogger sont des outils essentiels. Leur maîtrise repose principalement sur une bonne connaissance du langage spécifique à Blogger. Adapter efficacement ces outils aux besoins des utilisateurs tout en tenant compte des contraintes techniques de chaque version exige une certaine expertise.
Table des matières
La grande famille des thèmes Blogger
Depuis ses débuts, l'écosystème de Blogger n'a cessé d'évoluer, offrant une variété de thèmes conçus pour des usages spécifiques et s'adaptant systématiquement aux caprices des navigateurs web de l'époque. Contrairement à d'autres CMS comme Wordpress ou Wix, Blogger classe ses thèmes non pas en fonction de leur apparence mais selon les options fonctionnelles qu'ils proposent. Cette approche facilite l'identification de la disponibilité des fonctionnalités selon la génération de thèmes utilisée.
Les Thèmes Classiques
Premiers-nés de l'écosystème Blogger, les thèmes classiques illustrent une époque où la personnalisation était limitée et où les standards du web étaient encore en pleine évolution. Bien qu'ils soient encore en service, leur obsolescence progressive et leur incompatibilité avec les nouvelles normes HTML et les exigences accrues du SEO rendent leur utilisation fortement déconseillée.
Les Thèmes Version 1
Apparue en 2006, la 1ère version des thèmes Blogger a introduit une architecture XML pionnière. Cette version a posé les bases des balises spécifiques et des attributs d'expression propres à Blogger, servant de fondation aux évolutions ultérieures. Toutefois, les thèmes officiels de cette génération, bourrés de hacks CSS pour Internet Explorer, ne sont plus distribués depuis 2010, en raison des difficultés à les mettre à niveau conformément aux nouvelles normes du web et aux exigences croissantes en matière de compatibilité HTML et de référencement naturel.
2006
Thèmes Version 1
Les premiers pas du XML Blogger
Les Thèmes Version 2
Fruit de plus de deux années de développement, la 2ème génération des thèmes Blogger, lancée en 2010, a consolidé les acquis de la première version tout en introduisant des améliorations notables comme le macro langage. La grande nouveauté de cette génération réside dans l'introduction des thèmes mobiles, répondant ainsi à l'essor des usages mobiles qui débutait à cette époque. Grâce à ces innovations, la gestion des colonnes et la personnalisation via le concepteur de thèmes sont devenues plus avancées. L'évolution des feuilles de style et l'intégration de nouvelles options témoignent de la volonté d'aligner cette version avec les standards du web de l'époque.
2010
Thèmes Version 2
L'époque de la standardisation
2011
Thèmes Version 2 Mobile
Mobilis in Mobili
2011
Thèmes Version 2 Dynamique
Dernière danse avant la décadence
Les Thèmes Version 3
Déployée en 2017, la 3ème version des thèmes Blogger représente une évolution majeure par rapport aux versions précédentes, avec un accent particulier sur l'expérience utilisateur. Concoctée avec amour par les ingénieurs, développeurs et designers de chez Blogger, elle introduit un Web-design moderne et épuré, un nouveau modèle de gadgets, des dictionnaires de données enrichis et des fonctionnalités comme le formatage avancé des dates. En revanche, des éléments historiques tels que les vues mobiles ont été supprimés car cette génération de thèmes est entièrement Responsive Design, rendant les vues spécifiques obsolètes. De même, le système de gestion des colonnes et les boutons administrateur ont été abandonnés pour alléger le code source et améliorer les performances.
2017
Thèmes Version 3
Renaissance
La famille des thèmes mobiles
Blogger propose quatre types de réglages pour les thèmes mobiles, permettant d’adapter l’affichage selon les besoins et les capacités des terminaux mobiles. Cependant, ces options ne sont plus disponibles pour les thèmes Version 3, qui sont entièrement en responsive design.
Accès aux réglages des thèmes mobiles
Pour configurer les réglages des thèmes mobiles, il faut suivre le chemin suivant dans l’interface de Blogger :
- UI
- Thème
- Menu Personnaliser
- Paramètres pour mobile
Les quatre réglages des thèmes mobiles
| Réglages | Description | Thèmes Version | Redirection mobile m=1 |
|---|---|---|---|
| Désactivé | Dans ce mode, les fonctionnalités mobiles sont désactivées. La vue web et la vue mobile reposent sur la même structure HTML, et le design est géré uniquement par les media queries. |
1 2 3 | Non |
| Défaut | Fonctionne en parallèle avec les thèmes web Version 2 et offre une personnalisation partielle via le concepteur de thèmes. Si le thème web n’est pas un thème officiel Version 2, le réglage Défaut bascule automatiquement vers le réglage Thème avec le thème Simple par défaut. |
1 2 | Oui |
| Thème | Propose une sélection de 7 thèmes non-personnalisables, inspirés des thèmes web officiels Version 2. Cette option est pensée pour une compatibilité optimale avec les mobiles sans nécessiter de modifications avancées. |
1 2 | Oui |
| Personnalisé | Active le fichier XML du thème, permettant de gérer la vue mobile avec le même niveau de personnalisation que la vue web. Idéal pour ceux qui souhaitent une cohérence complète entre les deux versions. |
1 2 | Oui |
La personnalisation des thèmes
Les thèmes web (desktop)
Les options de personnalisation des thèmes Blogger varient selon les générations de thèmes et parfois selon les webmasters à l'origine des modèles. Chaque génération offre des niveaux de flexibilité différents, en fonction des capacités techniques et des outils disponibles.
| Options | Thèmes Version 1 | Thèmes Version 2 | Thèmes Version 3 | |||
|---|---|---|---|---|---|---|
| Officiel | Custom | Dynamic | Officiel | Custom | ||
| Éditeur XML | ||||||
| Éditeur XML activé | Oui | Oui | Oui | Oui | Oui | Oui |
| Options de l'outil de conception de thèmes | ||||||
| Arrière-plan | variable | Oui | variable | Oui | Oui | variable |
| Jeu de couleurs du thème | variable | variable | variable | Oui | Oui | variable |
| Largeur colonne | Non | Oui | variable | Non | Non | Non |
| Mise en page | variable | Oui | variable | Non | Non | Non |
| Avancé | variable | Oui | variable | Oui | Oui | variable |
| Avancé CSS | Oui | Oui | Oui | Oui | Oui | Oui |
| Visibilité Gadgets | Non | Non | Non | Non | Oui | Oui |
Les thèmes de la vue mobile
Lorsqu’un thème mobile est utilisé, certaines options peuvent être limitées ou désactivées. Ces restrictions concernent principalement les thèmes Versions 1 et 2, car les thèmes Version 3 n'incluent plus de vue mobile distincte.
| Options | Défaut | Thème | Personnalisé | |||
|---|---|---|---|---|---|---|
| Thèmes Version 1 | Thèmes Version 2 | |||||
| Officiel | Custom | Dynamic | ||||
| Éditeur XML des thèmes | ||||||
| Éditeur XML activé | Non | Non | Oui | Oui | Oui | Oui |
| Options de l'outil de conception de thèmes | ||||||
| Arrière-plan | Oui | Non | variable | Oui | variable | Oui |
| Jeu de couleurs | variable | Non | variable | variable | variable | Oui |
| Avancé | Oui | Non | variable | Oui | variable | Oui |
| Avancé CSS | Non | Non | Oui | Oui | Oui | Oui |
Quelle est la version de mon thème ?
Pour connaître la version de votre thème Blogger, il suffit de vous rendre dans l’éditeur XML et de rechercher la balise <html> (généralement située à la 3e ligne). C'est ici que vous trouverez les informations nécessaires.
- Cherchez les attributs suivants dans la balise
<html>:b:versionb:layoutsVersion
- Interprétez les attributs :
- La valeur de l'un de ces attributs indique la version de votre thème (Version 1, 2 ou 3).
- ⚠️ Attention ! Si aucun de ces attributs n'est présent, votre thème sera considéré comme un thème Version 1 par défaut.
En savoir plus - Attributs de réglages du fichier XML
La classification des thèmes officiels
Le tableau ci-dessous présente une synthèse des thèmes officiels actuellement distribués par Blogger. Pour chaque thème, vous trouverez des informations telles que :
- Le nom du thème et ses variantes disponibles.
- La version du thème (1, 2 ou 3).
- La classification (Desktop, Mobile, Responsive, etc.).
- La date de déploiement.
| Screenshot | Nom du thème | Variantes | Thème Version | Classification | Déploiement |
|---|---|---|---|---|---|
 |
Essential | Light | 3 | Desktop/Mobile Responsive | 03/2020 |
 |
Contempo |
|
3 | Desktop/Mobile Responsive | 03/2017 |
 |
Emporio |
|
3 | Desktop/Mobile Responsive | 03/2017 |
 |
Notable |
|
3 | Desktop/Mobile Responsive | 03/2017 |
 |
Soho |
|
3 | Desktop/Mobile Responsive | 03/2017 |
| N/A | Mobile custom | N/A | 1 2 | Custom - Desktop/Mobile | 11/2011 |
 |
Dynamic view | Classic | 2 | Mobile Default Responsive | 09/2011 |
 |
Dynamic view |
|
2 | Desktop Responsive | 09/2011 |
 |
Simple |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Picture Window |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Awesome Inc. |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Watermark |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Ethereal |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Travel |
|
2 | Mobile Default Responsive | 12/2010 |
 |
Simple |
|
2 | Desktop | 01/2010 (09/2010 Simply Simple) |
 |
Picture Window |
|
2 | Desktop | 01/2010 |
 |
Awesome Inc. |
|
2 | Desktop | 01/2010 |
 |
Watermark |
|
2 | Desktop | 01/2010 |
 |
Ethereal |
|
2 | Desktop | 01/2010 |
 |
Travel |
|
2 | Desktop | 01/2010 |
Ces détails vous seront particulièrement utiles pour :
- Identifier rapidement la version et la compatibilité d’un thème.
- Choisir le bon thème en fonction de vos besoins (responsive, mobile, etc.).
- Faciliter les échanges dans le cadre d'une assistance en ayant les bonnes informations sous la main.
En conclusion : une évolution continue des thèmes Blogger
Depuis ses débuts, Blogger n’a cessé de faire évoluer ses thèmes pour s’adapter aux nouvelles exigences du web et aux besoins de ses utilisateurs. Chaque génération de thèmes apporte son lot d’innovations, mais aussi son lot de changements, avec l’abandon de certaines options au profit de fonctionnalités plus modernes et plus performantes.
Que vous utilisiez un thème Version 1, 2 ou 3, il est essentiel de bien comprendre les options disponibles pour optimiser l’affichage des pages et la navigation de votre blog. Les évolutions récentes mettent l’accent sur le responsive design et des pratiques plus efficaces pour le référencement naturel (SEO).
En suivant les indications de cet article, vous avez désormais toutes les clés en main pour explorer les possibilités offertes par chaque version et tirer le meilleur parti de votre thème.
Que le code soit avec vous ! 😎🔥
