Comment créer son propre blog: choisir un hébergeur, choisir le nom, écrire son premier article...

mercredi 14 août 2013

Affichez seulement les titres sur les pages de libellés et d'archives dans Blogger

Liste des articles par libellé - titre uniquement
Quand vos lecteurs cherchent sur les libellés, une page s'affiche avec les articles partiels ou complets, selon que vous utiliser ou non le marqueur d'expansion.

Or plus vous avez d'articles sous un libellé, plus long sera le chargement de cette page.

De plus, l'affichage, même des articles partiels, n'est pas favorable à la clarté.

Il est plus facile et plus rapide de ne voir que les titres des articles.

La procédure suivante permettra l'affichage des titres uniquement sur les pages de libellés et d'archives de votre blog.

Procédure:

  1. Allez dans Modèle
  2. Sauvegarder votre modèle
  3. Cliquez sur Modifier le code HTML
  4. Cherchez la ligne <b:include data='post' name='post'/> (cliquez dans le code et faites CTRL-F)
  5. Remplacez cette ligne par le bloc de code suivant:
    <!--TITRES UNIQUEMENT POUR LIBELLÉS ET ARCHIVES - DEBUT-->
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> <data:post.title/></a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <!--TITRES UNIQUEMENT POUR LIBELLÉS ET ARCHIVES - FIN-->
  6. Enregistrer le modèle

Résultat:

Liste des articles par libellé - titre uniquement avec date

Vous constatez que les dates figurent dans l'affichage. Vous pouvez les enlever comme expliqué ci-dessous.

Affichage des titres sans les dates:


Remplacez <b:include data='post' name='post'/> par le bloc de code suivant:

<!--TITRES UNIQUEMENT POUR LIBELLÉS ET ARCHIVES - DEBUT-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> <data:post.title/></a>
<style>.date-header{display:none;}</style>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--TITRES UNIQUEMENT POUR LIBELLÉS ET ARCHIVES - FIN-->

Résultat:

Liste des articles par libellé - titre uniquement sans date

Remarque:

C'est une solution assez simple à mettre en place pour obtenir une liste lisible sur une page qui se charge rapidement.

Mais... les articles sont affichés chronologiquement, dans l'ordre inversé de leur publication, c'est à dire les messages récents en haut de la liste et les messages les plus anciens en bas de la liste.

Le choix de l'ordre chronologique ou alphanumérique dépend du sujet de votre blog.

Pour un blog perso, politique, de news ou technologique, l'ordre chronologique a tout son sens.

Par contre, sur un blog de recettes par exemple, il est plus facile d'avoir une liste triée alphabétiquement.

Si vous désirez que les articles soient triés par ordre alphabétique, il faut passer par Yahoo! Pipes, qui est un peu plus compliqué à mettre en place.


Pour Yahoo! Pipes, voir l'article suivant: Créer une liste de tous les articles par titre