Populaire cette année

Les options des articles [introduction]

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 et les éventuelles conditions additionnelles.

Gadget Version 1 Gadget Version 2
Collection 2010 Dynamic Collection 2017
Bureau Mobile Mobile Custom Bureau Mobile
Compatibilité
Gadgets Blog Blog Blog Blog FeaturedPost PopularPosts
Interrupteurs
Réagencement (✔) ! (✔) !
CSS personnalisés
XML personnalisé
Plugins tiers
Emplacements des options amovibles
En-tête ligne 0 indéfini
En-tête ligne 1
Pied ligne 0
Pied ligne 1
Pied ligne 2
Pied ligne 3


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.

  1. Première étape - Accéder aux réglages des options :

    • Tableau de bord
    • Mise en page
    • Modifier Articles du blog




  2. Deuxième étape - Cocher les options à afficher.




  3. Troisième étape - 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.




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


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

Emplacement Balisage de la ligne
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
[uniquement version web]
<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 Layouts 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.
Ressources
"data": {
  "widgets": {
    "Blog": {
      "first": {
        "headerByline": {
          "regionName": string,
          "items": [{
            "name": string,
            "label": string
          }]
        },
        "footerBylines": [{
          "regionName": string,
          "items": [{
            "name": string,
            "label": string
          }]
        }],
        "allBylineItems": [{
          "name": string,
          "label": string
        }]
      }
    }
  }
}

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.
Exemple de mise en œuvre
<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>
    <li>
      <data:option.headerByline.regionName/> :
      <ul>
        <b:loop values='data:option.headerByline.items' var='item'>
          <li><data:item.name/></li>
        </b:loop>
      </ul>
    </li>
    <b:loop values='data:option.footerBylines' var='footerByline'>
      <li>
        <data:footerByline.regionName/> :
        <ul>
          <b:loop values='data:footerByline.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étaillerons prochainement :

Nom de l'item Agencement Disponibilité par type de thèmes Fiches techniques
Collection 2010 Bureau Collection 2010 Mobile Dynamic Collection 2017
Date de l'entête Inexistant Détails
Date de publication timestamp Détails
Auteur de l'article author Détails
Lien vers les commentaires comments Détails
Libellés de l'article labels Détails
Réactions des lecteurs reactions Détails
Lien modification rapide icons Détails
Lien d'envoi par email icons Détails
Boutons de partage share Détails
Localisation location Détails
Profil de l'auteur Inexistant Détails
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.


Introductions aux autres fonctionnalités Blogger

Spotlight

Populaires cette semaine

Les gadgets Blogger [introduction]