Introduction : Les options des articles

Les options des articles sont des petits plugins Blogger qui apparaissent au-dessus et en-dessous de chaque article et page autonome. Ainsi, le propriétaire d'un blog peut activer des options comme les boutons de partage, le nom de l'auteur, la date de publication, les libellés et tout un paquet d'autres choses.

Les caractéristiques par type de thèmes

Le tableau ci-dessous est une vue d'ensemble des principales caractéristiques pour toutes les options. Nous n'avons pas pris en considération: les exceptions spécifiques à un thème particulier, les éventuelles conditions additionnelles, les thèmes tiers et les masquages dans les thèmes responsives.

	Bureau 2006	Bureau 2010	Mobile Default 2010	Dynamique Bureau	Dynamique Mobile	Modernes 2017
Version du thème	1	2	2	2	2	3
Version du gadget	1	1	1	1	1	2
Les principales caractéristiques
Compatibilité	Oui	Oui	Oui	Oui	Oui	Oui
Gadgets	Blog	Blog	Blog	Non	Non	Blog FeaturedPost PopularPosts
Interrupteurs	Oui	Oui	Oui	Non	Non	Oui
Réagencement	Abandonné	Abandonné	Oui	Non	Non	Oui
CSS personnalisés	Oui	Oui	Non	Oui	Non	Oui
XML personnalisé	Expérimental	Expérimental	Non	Non	Non	Expérimental
Plugins tiers	Expérimental	Expérimental	Non	Non	Non	Expérimental
Emplacements des options amovibles
En-tête - Ligne 0	Non	Non	Non	Non		Oui
En-tête - Ligne 1	Oui	Oui	Oui			Oui
Pied - Ligne 0	Non	Non	Non			Oui
Pied - Ligne 1	Oui	Oui	Oui			Oui
Pied - Ligne 2	Oui	Oui	Oui			Oui
Pied - Ligne 3	Oui	Oui	Non			Oui

Activer et réagencer les options

Les options sont paramétrables pour tous les thèmes exceptés pour les dynamiques dont l'affichage est imposé.
Par défaut, toutes les options sont gérées via le panneau de configuration du gadget Blog.

Étape 1 : Accéder aux réglages des options

• UI
• Mise en page
• Modifier Articles du blog

• FR
• EN

Étape 2 : Cocher les options à afficher

• FR
• EN

Étape 3 : Réagencer les options

Glisser/déposer les éléments dans les emplacements suivants :

• Post-header line 1

  Entre le titre et le corps de l'article.

• Post-footer line 1, 2 ou 3

  Sous le corps de l'article.

• FR
• EN

Dans les thèmes de la collection 2010 et les thèmes antérieurs

Depuis qu'elles sont apparues en 2006, les options ont toujours été sujet à des dysfonctionnements, généralement dû à la personnalisation du fichier XML. Soit l'item ne s'affichait pas, soit l'emplacement ne correspondait pas au réglage.

En 2016, Blogger a résolu 50% du problème en ajoutant tous les codes des options dans le modèle par défaut du gadget Blog. Nous rappelons qu'avant cette date, les codes étaient générés en fonction des réglages que si le fichier XML du gadget Blog n'avait pas été modifié. Donc, ce qui signifie que pour le moment, vous pouvez jouer avec les interrupteurs à votre convenance (Okay ! Jacouille ?).

L'impossibilité de réagencer est la conséquence de la mise à jour 2016. A cette heure, Blogger n'a pas confirmé qu'il y aura un correctif. Toutefois, un réagencement manuel est tout à fait possible en déplaçant les codes dans l'éditeur XML du thème.

Explorateur XML - Code de l'inclusion post dans le gadget Blog

Explorateur XML - Code de l'inclusion mobile-post dans le gadget Blog

Dans les inclusions, les options sont positionnées entre ces balises :

Entête de l'article - Entre le titre et l'article

<div class='post-header-line-1'>

</div>

Pied de l'article - Ligne 1

<div class='post-footer-line post-footer-line-1'>

</div>

Pied de l'article - Ligne 2

<div class='post-footer-line post-footer-line-2'>

</div>

Pied de l'article - Ligne 3

<div class='post-footer-line post-footer-line-3'>

</div>

Dans les thèmes dynamiques

Pour ce type de thèmes, il n'y a pas débat. Tout est imposé.

• Les options sont activées par défaut si les données sont disponibles dans l'API Blogger.

• Le réagencement est indisponible.

Bien que l'éditeur XML est accessible pour ces thèmes, nous rappelons que le rendu XML des gadgets est désactivé. Donc, par conséquent, aucune modification HTML ne peut y être apportée.
La seule personnalisation possible reste l'éditeur CSS dans l'outil de conception de thèmes Blogger. Ce qui permet soit de modifier le design ou tout simplement de masquer les options.

Masquer des éléments des thèmes dynamiques

Dans les thèmes de la collection 2017

Là, on peut dire que l'on passe d'un tracteur à une Mercedes super-boostée. D'un point de vue technique l’ingénierie Blogger a pris la bonne direction, tant la conception de base est à la fois simple et infaillible. Tous les défauts récurrents dans le thème des gadgets version 1 ont été gommé dans cette version 2. Les interrupteurs ronronnent à merveille et le réagencement n'a jamais été aussi fiable. Le système est tellement efficace qu'il a même été étendu aux gadgets FeaturedPost et PopularPosts. Et si un jour il y a bug, il est fort à parier qu'il sera ancré dans les profondeurs algorithmiques de Blogger et non dans votre thème.

Nous pourrions vous expliquer en détails le fonctionnement de la mécanique ici, mais nous l'avons déjà fait dans nos fiches de l'explorateur. Comme nous sommes généreux, on vous donne tout de même le point de départ avec ces inclusions qui trient les options par emplacement :

• Options de l'entête de l'article

  headerByline

• Options du pied de l'article

  footerBylines

• Options dans les gadgets FeaturedPost et PopularPosts

  snippetedPostByline

Lorsque les options ont bien été triées ligne par ligne, elles passent ensuite à la gare centrale pour prendre le bon train 

Explorateur XML : Le commutateur des options des articles

Mode avancé

Les données universelles : Interrupteurs et emplacements

Ces données ne sont disponibles que dans les thèmes version 3 (Autrement dit, le modèle de gadgets version 2) et uniquement avec les options amovibles. Les données permettent de déterminer quelles sont les options actives et dans quelle zone elles sont localisées.

• Échantillonnage des ressources
• Exemple de mise en œuvre

Échantillonnage des ressources

  widgets: 
    Blog: 
      first: 
        headerByline: 
          regionName: string,
          items: 
            name: string,
            label: string
          
        ,
        footerBylines: 
          regionName: string,
          items: 
            name: string,
            label: string
          
        ,
        allBylineItems: 
          name: string,
          label: string
        
      
    
  

Exemple de mise en œuvre

Dans son modèle par défaut, l’ingénierie Blogger utilise un commutateur avec plusieurs inclusions. Dans notre exemple ci-dessous, nous vous montrons une autre méthode d'utilisation, afin que vous puissiez voir comment nous pouvons les utiliser en un seul morceau. Toutefois attention, le set de données ne contient pas les items pour reconstruire les plugins. Pour cela, vous devez piocher dans le dictionnaire des gadgets Blog, FeaturedPost et PopularPosts.

<b:with value='data:widgets.Blog.first' var='option'>
  <p>Il y a <data:option.allBylineItems.size/> options activées :</p>
  <ul>
    <b:loop values='data:option.allBylineItems' var='item'>
      <li>
        <data:item.name/> : L'étiquette est <i><b:eval expr='data:item.label ? data:item.label : "vide"'/></i>
      </li>
    </b:loop>
  </ul>
  <p>Les emplacements sont :</p>
  <ul>

    <b:with value='data:option.headerByline' var='byline'>
      <li>
        <data:byline.regionName/> :
        <ul>
          <b:loop values='data:byline.items' var='item'>
            <li><data:item.name/></li>
          </b:loop>
        </ul>
      </li>
    </b:with>

    <b:loop values='data:option.footerBylines' var='byline'>
      <li>
        <data:byline.regionName/> :
        <ul>
          <b:loop values='data:byline.items' var='item'>
            <li><data:item.name/></li>
          </b:loop>
        </ul>
      </li>
    </b:loop>

  </ul>
</b:with>

Les détails option par option

Il est quasiment impossible de tout résumer en une seule fiche, tant les combinaisons entre le « pack d'usine », les « packs par thème », les types de pages, les conditions additionnelles, etc..., sont relativement nombreuses. Par moment, on se demande même comment les ingénieurs de Blogger s'y retrouvent dans ce mic-mac. Ooooh mais bien sûr, ils lisent Blogger Code PE 👍.

Quoiqu'il en soit, si une option s'affiche d'une telle ou telle manière, ou ne s'affiche pas correctement ou pas du tout, il y a toujours une raison technique qui se cache derrière et c'est ce que nous détaillons ci-dessous :

Les options	Nom technique	Agencement	Bureau 2006	Bureau 2010	Mobile Default 2010	Dynamique Bureau	Dynamique Mobile	Modernes 2017
Les options courantes
Date de l'entête	Inexistant	Agencement : Non	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Oui	Thèmes Dynamiques Bureau : Non	Thèmes Dynamiques Mobile : Non	Thèmes Modernes 2017 : Non
Date de publication	timestamp	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Oui	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Auteur de l'article	author	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Oui	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Lien vers les commentaires	comments	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Oui	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Libellés de l'article	labels	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Non	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Lien d'envoi par email	icons	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Non	Thèmes Dynamiques Bureau : Non	Thèmes Dynamiques Mobile : Non	Thèmes Modernes 2017 : Oui
Boutons de partage	share	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Oui	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Localisation	location	Agencement : Oui	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Non	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Oui
Profil de l'auteur	Inexistant	Agencement : Non	Thèmes Bureau 2006 : Oui	Thèmes Bureau 2010 : Oui	Thèmes Mobile Default 2010 : Non	Thèmes Dynamiques Bureau : Non	Thèmes Dynamiques Mobile : Non	Thèmes Modernes 2017 : Oui
Les options en cours d'abandon
Lien modification rapide	icons	Agencement : Déprécié	Thèmes Bureau 2006 : En cours d'abandon	Thèmes Bureau 2010 : En cours d'abandon	Thèmes Mobile Default 2010 : Non	Thèmes Dynamiques Bureau : Oui	Thèmes Dynamiques Mobile : Oui	Thèmes Modernes 2017 : Non
Les options disparues
Étoiles de notation	Sondage permettant aux lecteurs d'évaluer la publication. L'option a disparue en 2013 en raison d'un faible usage.
Liens vers cet article	Arrêt suite à la dépréciation de Google Feed API en décembre 2016.
Réactions des lecteurs	Sondage permettant aux lecteurs de choisir une réaction en rapport avec la publication. L'option a disparue en mars 2021 en raison d'un faible usage.

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

Retourner dans la Base de Connaissances