Comment formater RSS: ajouter du style à un flux

Un problème qui se démarque avec Rich Site Summary (RSS – souvent connu sous le nom de Real Simple Syndication) est le style ou son absence. Laissées sans aucun formatage, les informations présentées sur un flux RSS ne sont que des données brutes. Cela ressemble un peu à une impression informatique ou à un fichier texte. Il est toujours fonctionnel et fournit toutes les informations dont un lecteur a besoin pour consommer du contenu, mais il a l'air fade.

La question est pouvez-vous faire les informations sur votre site Web ou Blog sur un flux visuellement agréable et attrayant? La réponse est oui. Il existe plusieurs manières de procéder, mais la plus simple consiste à lier un fichier CSS à votre document XML.

Qu'est-ce que le CSS?

Les feuilles de style en cascade (CSS) sont un moyen de formater un document. L'avantage du CSS est qu'il prend les instructions de présentation d'une page et la segmente. Cela signifie qu'une page CSS peut fonctionner pour plusieurs documents ou pages Web. Nous avons un guide séparé pour

instagram viewer
ajout de CSS à XML. Lorsque vous travaillez avec un fichier XML pour un flux RSS, le concept est le même.

Comment ajouter un style CSS à RSS

CSS est un fichier séparé qui donne des instructions de formatage spécifiques à un processeur. Le processeur examine chaque ligne du document XML dans l'ordre. Il commencera par l'instruction de déclaration. Cela identifie la langue du fichier et fournit des informations, telles que la version.

Le processeur passera à la ligne suivante du code. Lors de la liaison CSS à un fichier XML, cette ligne doit servir de pointeur vers le fichier de formatage.


En ajoutant la ligne ci-dessus dans votre RSS XML fichier, vous dites au processeur qu'il existe un fichier séparé contenant des informations. Dans ce cas, le fichier est une feuille de style en cascade. Le processeur sait ouvrir ce fichier et le lire. Le fichier XML terminé pour un flux RSS ressemblerait à ceci:

Articles XML de Lifewire
De nouvelles offres passionnantes du monde XML et Lifewire
http://www.lifewire.com/xml-articles-example-url.html
Fil de vie
Tenez-vous au courant de tous les trucs et astuces en matière de conception de sites Web avec Lifewire
https://www.lifewire.com/

La façon dont vous formatez et stylisez les informations dépend de vous. Utilisez les balises d'élément dans le XML pour le fichier CSS. Par example:

Objet {
bloc de visualisation;
marge-bas: 30pt ;
marge-gauche; 0;
}