Introduction : Les thèmes Blogger
Depuis 2006, Blogger accumule les fonctionnalités. Certaines dépendent du type de thème utilisé.
Entre thème web, mobile, dynamique, classic, etc, il y a de quoi se mélanger les pinceaux...
L'éditeur XML et le concepteur de thèmes sont les principaux outils fonctionnant de paires avec le type de thèmes. Qu'est-ce qui fonctionne, et avec quoi ?
La grande famille des thèmes Blogger
Chez Blogger, on ne classe pas les thèmes par leur apparence, ni par la disposition des colonnes, mais plutôt en fonction des options fournies.
Selon le type de thème utilisé, on peut déterminer la disponibilité de certaines fonctionnalités.
Les Thèmes Classiques
Les thèmes Blogger avant l'ère Google. C'est le type de thèmes le plus ancien encore en service, mais en cours d'abandon. Pour cette raison, il est conseillé de ne plus l'utiliser.
Les Thèmes Version 1
Apparue en 2006, c'est la véritable 1ère version des thèmes Blogger dont la base est toujours utilisée actuellement dans les versions ultérieures.
Quant aux thèmes officiels de cette version, ils ne sont plus distribués par Blogger.
2006 - Thèmes Version 1 - Les premiers pas du XML Blogger
Les Thèmes Version 2
Lancée en 2010, la 2ème version des thèmes Blogger, est une évolution des thèmes Version 1, qui a été spécialement conçue pour répondre aux besoins du concepteur de thèmes. Cette version contient le macro langage qui permet de mettre en place un système de gestion des colonnes.
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
Lancée en 2017, la 3ème version des thèmes Blogger, est une évolution des thèmes Versions 1 et 2. Cette version contient un tout nouveau modèle de gadgets, de nouveaux dictionnaires de données et quelques autres fonctionnalités exclusives telles que le formatage des dates, gestion des gadgets via l'outil de conception de thèmes, etc... Par ailleurs, on notera quelques grandes disparitions dont, les vues mobiles, le système de gestion des colonnes et les boutons « administrateur » sur le blog.
2017 - Thèmes Version 3 - Renaissance
La famille des thèmes mobiles
Il existe 4 types de thèmes pour les mobiles ou si vous préfèrez, 4 choix de réglages.
Notez que ces réglages ne sont pas disponibles pour les thèmes Version 3.
- UI
- Thème
- Menu Personnaliser
- Paramètres pour mobile
| Réglages | Description | Thèmes Version | Redirection mobilem=1 |
|---|---|---|---|
| Désactivé | Les fonctionnalités mobiles sont désactivées. La vue web et la vue mobile ont une ossature HTML identique. Le design est géré uniquement par les media queries. | 1 2 3 | ✘ |
| Défaut | Fonctionnant en parallèle avec les thèmes web Version 2, cette vue mobile à l'avantage d'être partiellement personnalisable via le concepteur de thèmes. Si le thème web, n'est pas un Thème Version 2 officiel, la version Défaut basculera vers la version thème (avec le thème Simple). | 1 2 | ✔ |
| Thème | La version thème propose 7 thèmes non-personnalisables. Ces thèmes sont inspirés des thèmes web officiels Version 2. | 1 2 | ✔ |
| Personnalisé | Le fichier XML du thème est activé. La vue mobile peut être gérée de la même manière que la vue web. | 1 2 | ✔ |
La personnalisation des thèmes web
La disponibilité des options de personnalisation des thèmes est variable en fonction de leur version et parfois du webmaster à l'origine du thème.
| Thèmes Version 1 | Thèmes Version 2 | Thèmes Version 3 | ||||
|---|---|---|---|---|---|---|
| Officiel | Custom | Dynamic | Officiel | Custom | ||
| Gadget Version | 1 | 1 | 1 | 1 | 2 | 2 |
| Éditeur XML | ||||||
| Éditeur XML activé | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
| Options de l'outil de conception de thèmes | ||||||
| Arrière-plan | variable | ✔ | variable | ✔ | ✔ | variable |
| Jeu de couleurs du thème | variable | variable | variable | ✔ | ✔ | variable |
| Largeur colonne | ✘ | ✔ | variable | ✘ | ✘ | ✘ |
| Mise en page | variable | ✔ | variable | ✘ | ✘ | ✘ |
| Avancé | variable | ✔ | variable | ✔ | ✔ | variable |
| Avancé CSS | ✔ | ✔ | ✔ | ✔ | ✔ | ✔ |
| Gadgets | ✘ | ✘ | ✘ | ✘ | ✔ | ✔ |
La personnalisation des thèmes mobiles
Lorsqu'un thème mobile est installé, certaines options de personnalisation peuvent être indisponibles ou désactivées.
(Uniquement les Versions 1 et 2)
| Défaut | Thème | Personnalisé | ||||
|---|---|---|---|---|---|---|
| Thèmes Version 1 | Thèmes Version 2 | |||||
| Officiel | Custom | Dynamic | ||||
| Éditeur XML activé | ✘ | ✘ | ✔ | ✔ | ✔ | ✔ |
| Options de l'outil de conception de thèmes | ||||||
| Arrière-plan | ✔ | ✘ | variable | ✔ | variable | ✔ |
| Jeu de couleurs | variable | ✘ | variable | variable | variable | ✔ |
| Avancé | ✔ | ✘ | variable | ✔ | variable | ✔ |
| Avancé CSS | ✘ | ✘ | ✔ | ✔ | ✔ | ✔ |
Quelle est la version de mon thème ?
Rendez-vous dans l'éditeur XML et recherchez la balise <html (3e ligne).
Dans cette balise, repérez l'attribut b:version ou b:layoutsVersion. La valeur détermine la version.
Attention ! Si l'un de ces attributs n'est pas mentionné dans la balise, votre thème sera considéré comme un thème Version 1.
En savoir plus - Attributs de réglages du fichier XML
La classification des thèmes officiels
Ce tableau est un résumé de la liste des thèmes officiels distribués par Blogger. Pour chaque thème, vous y trouverez la version du thème et la version des gadgets. Ces informations vous seront utiles lorsqu'on vous les demandera dans le cadre d'une assistance.
| Nom du thème | Variantes | Thème Version | Gadget Version | Classification | Date de lancement | |
|---|---|---|---|---|---|---|
 |
Essential | Light | 3 | 2 | Desktop/Mobile Responsive | 03/2020 |
 |
Contempo | Light | 3 | 2 | Desktop/Mobile Responsive | 03/2017 |
| Dark | ||||||
| Pink | ||||||
| Aqua | ||||||
| Flamingo | ||||||
 |
Emporio | Porcelain | 3 | 2 | Desktop/Mobile Responsive | 03/2017 |
| Toolbox | ||||||
| Apron | ||||||
| Technica | ||||||
| Flamingo | ||||||
 |
Notable | Light | 3 | 2 | Desktop/Mobile Responsive | 03/2017 |
| Coral | ||||||
| Dracula | ||||||
| Pink | ||||||
| Antique | ||||||
 |
Soho | Light | 3 | 2 | Desktop/Mobile Responsive | 03/2017 |
| Dark | ||||||
| Neon | ||||||
| Pink | ||||||
| Red | ||||||
| Vue mobile personnalisée | 1 2 | 1 | Custom - Desktop/Mobile | 11/2011 | ||
 |
Dynamic view | Classic | 2 | 1 | Mobile Default Responsive | 09/2011 |
 |
Dynamic view | Classic | 2 | 1 | Desktop Responsive | 09/2011 |
| Flipcard | ||||||
| Magazine | ||||||
| Mosaic | ||||||
| Sidebar | ||||||
| Snapshot | ||||||
| Timeslide | ||||||
 |
Simple | Pale | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Bold | ||||||
| Dark | ||||||
| Deep | ||||||
| Literate | ||||||
| Wide | ||||||
| Simply Simple | ||||||
 |
Picture Window | Open | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Shade | ||||||
| Screen | ||||||
 |
Awesome Inc. | Dark | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Light | ||||||
| Groovy | ||||||
| Renewable | ||||||
| Artsy | ||||||
| Icy | ||||||
 |
Watermark | Birds | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Navigator | ||||||
| Flower | ||||||
| Bubblegum | ||||||
 |
Ethereal | Hummingbirds 2 | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Blossoms 1 Blue | ||||||
| Leaves 1 | ||||||
 |
Travel | Studio | 2 | 1 | Mobile Default Responsive | 12/2010 |
| Flight | ||||||
| Beach | ||||||
| Road | ||||||
 |
Simple | Pale | 2 | 1 | Desktop | 01/2010 |
| Bold | ||||||
| Dark | ||||||
| Deep | ||||||
| Literate | ||||||
| Wide | ||||||
| Simply Simple | 09/2010 | |||||
 |
Picture Window | Open | 2 | 1 | Desktop | 01/2010 |
| Shade | ||||||
| Screen | ||||||
 |
Awesome Inc. | Dark | 2 | 1 | Desktop | 01/2010 |
| Light | ||||||
| Groovy | ||||||
| Renewable | ||||||
| Artsy | ||||||
| Icy | ||||||
 |
Watermark | Birds | 2 | 1 | Desktop | 01/2010 |
| Navigator | ||||||
| Flower | ||||||
| Bubblegum | ||||||
 |
Ethereal | Hummingbirds 2 | 2 | 1 | Desktop | 01/2010 |
| Blossoms 1 Blue | ||||||
| Leaves 1 | ||||||
 |
Travel | Studio | 2 | 1 | Desktop | 01/2010 |
| Flight | ||||||
| Beach | ||||||
| Road | ||||||
Introductions aux autres fonctionnalités Blogger
- Les thèmes Blogger
- Les gadgets Blogger
- Les options des articles
- La gestion
- La structure d'un blog
- Posts & Pages
- S.E.O. - Search Engine Optimization
- Up & Down
Licence - La reproduction du contenu de ce blog n'est pas autorisée
Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.
Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.
Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.
Nous nous réservons le droit d'afficher dans ce cadre les notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE.
Affiliée au 
Google Product Experts Program - Ambassador & Troubleshooter.
- Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
- Affectation Google US, produit Blogger depuis le 28/07/2014.
Spécialisation : Technologie des thèmes Blogger.
Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).
