Introduction : Les options des articles

Introduction aux options des articles Blogger

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
Ouvrir le panneau de configuration du gadget Blog. Open the Blog Posts gadget settings.

Étape 2 : Cocher les options à afficher

Cocher les options à afficher. Check the options to display.

É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.

Déplacer les options dans l'entête ou le pied de l'article. Move the options in the post header or post footer.


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 :


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


  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

Spotlight

Populaires cette semaine