Friday, March 28, 2008

messages de blog pouvant être développés

Comment puis-je créer des récapitulatifs de messages de blog pouvant être développés ?

Ce type de présentation permet d'afficher une quantité de texte arbitraire à partir du début de chaque message de blog, afin d'inciter les utilisateurs à lire le message en totalité. Les utilisateurs qui souhaitent lire le reste du message doivent simplement cliquer sur un lien pour afficher le texte dans son intégralité. Cette présentation est pratique quand une même page comprend plusieurs articles de grande longueur. Notez que pour utiliser cette fonctionnalité, vous devez activer les pages de messages de blog.

Trois éléments sont nécessaires pour créer des récapitulatifs pouvant être développés : une feuille de style CSS conditionnelle, un lien invitant à poursuivre la lecture de chaque message et une modification du code des messages de blog qui utilisent cette fonctionnalité. Examinons ces éléments un par un.

Feuille de style CSS conditionnelle

Nous allons utiliser des balises conditionnelles pour modifier la présentation des messages de blog sur les différentes pages. Ajoutez le code ci-dessous dans votre feuille de style, en fonction de votre type de modèle :

(pour les modèles classiques)


span.fullpost {display:none;}



span.fullpost {display:inline;}

(pour les mises en page)


span.fullpost {display:inline;}

span.fullpost {display:none;}

La feuille de style se trouve généralement vers le début du modèle, entre les balises . Si elle se trouve dans un autre fichier, ajoutez les lignes ci-dessus dans votre modèle afin que les balises conditionnelles puissent fonctionner. Veillez à ajouter les lignes entre les balises .

Nous venons de définir une classe, "fullpost", qui s'affiche seulement sur les pages de messages de blog (liens permanents). Une partie de chaque message utilisera cette classe, comme nous le verrons plus loin.

Liens incitant à poursuivre la lecture

Ajoutez le code ci-dessous dans le modèle, à la suite de la balise <$BlogItemBody$> ou :

(pour les modèles classiques)



">Suite

(pour les mises en page)



Read more!

Le lien incitant à poursuivre la lecture s'affiche uniquement dans la page principale et dans les pages d'archives. Il mène le lecteur à la page du message de blog contenant le texte complet du message. Vous pouvez bien évidemment remplacer la mention "Suite" par le texte de votre choix.

Modification des messages de blog

Le dernier élément dont nous avons besoin est un petit fragment de code dans le message de blog. Ce code est nécessaire dans chaque message devant utiliser la fonctionnalité :

Ce fragment de code peut être placé dans le modèle de message de blog si vous ne voulez pas avoir à le saisir pour chaque message. Vous saisissez le début du message à l'extérieur des balises ci-dessus et le reste, à l'intérieur, comme ceci :

Voici le début de mon message. Et voici le reste.

Quand un visiteur consulte votre blog, le message se présente comme ceci :

Voici le début de mon message.
Suite
Si le visiteur clique sur le lien, il accède à la page de message de blog qui contient la totalité du message :
Voici le début de mon message. Et voici le reste.

Remarques :

  • Veillez à effectuer une copie de sauvegarde de votre modèle avant de commencer, comme pour toute autre modification du modèle. Copiez et collez tout le code du modèle dans un fichier texte sur votre disque dur, afin de pouvoir le récupérer dans ce fichier en cas de problème.
  • Il existe une autre façon de créer des extraits de messages. Elle consiste à utiliser la méthode afficher/masquer sur un message de blog entier. Chaque méthode présente ses avantages et ses inconvénients.
  • Avantage des récapitulatifs pouvant être développés : vous pouvez choisir ce qui sera présenté, plutôt que d'avoir à vous contenter du titre. En outre, vous pouvez appliquer la méthode à certains messages uniquement (aux messages longs, par exemple).
  • Inconvénients : il faut modifier les messages eux-mêmes, et non uniquement le modèle. Toutefois, le lien "Suite" figure dans le modèle, ce qui veut dire qu'il s'affiche indépendamment du fait qu'un message a été tronqué ou non (nous vous laissons, à titre d'exercice, le soin de modifier cela).

No comments: