DéveloppementsFichiers XML

Afficher la date de l'entête des articles à tous les articles publiés le même jour


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Gadget Gadget Version Template Version
Modifier la date de l'entête des articles pour obtenir un cadre distinct à chaque article à l'accueil, dans les index et dans les archives.
Blog
1
1
2
Modifier la date de l'entête des messages
Prévu pour regrouper tous les articles d'une même journée dans un même cadre dans les modèles standards, la date de l'entête des articles n'est pas une option comme les autres.
Comment l'activer, comment l'afficher à tous les articles et comment obtenir chaque article dans un cadre distinct ?

Qu'est-ce que la date de l'entête des articles ?

A ne pas confondre : Blogger propose dans les options des articles, 2 dates :
  1. La date de l'entête, qui s'affiche au-dessus de tous les articles publiés lors d'une même journée.
  2. La date de publication, qui s'affiche au-dessus (post-header) ou en-dessous (post-footer) du contenu de chaque article.


Les dates dans les paramètres des options des articles


La date de l'entête activée, les articles seront regroupés par jour, comme sur cette illustration :


Messages regroupés par date


Haut de page


Ajouter la date de l'entête à tous les articles

Il est possible d'ajouter cette date à tous les articles, ainsi que de créer des cadres distincts à l'accueil, dans les index et les archives.

Séparer les articles d'une même journée


Pour opérer, il faut modifier le code HTML du modèle :

  • Tableau de bord
  • Modèle
  • Modifier le code HTML
  • Gadget Blog1


Déployez le gadget blog
<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'></b:widget>

Déployez l'inclusion main
<b:includable id='main' var='top'></b:includable>

Dans l'inclusion main, recherchez :
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  &lt;/div&gt;&lt;/div&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
  &lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.dateHeader'>
  <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
  &lt;div class=&quot;date-posts&quot;&gt;
</b:if>

Vous remplacez par :
<b:if cond='data:post.date and not data:post.isFirstPost'>
  &lt;/div&gt;&lt;/div&gt;
</b:if>
<b:if cond='data:post.date'>
  &lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.date'>
  <h2 class='date-header'><span><data:post.date/></span></h2>
</b:if>
<b:if cond='data:post.date'>
  &lt;div class=&quot;date-posts&quot;&gt;
</b:if>
Pour ne pas afficher la date, tout en ayant les publications dans des cadres séparés, supprimez la section encadrée en rouge.
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire