Et problem, der skiller sig ud med Rich Site Summary (RSS - ofte kendt som Real Simple Syndication) er stil eller mangel på det. Efterladt uden nogen formatering, er de oplysninger, der præsenteres på et RSS-feed, intet andet end rådata. Det ligner en computerudskrift eller en tekstfil. Det er stadig funktionelt, og det giver alle de oplysninger, som en læser har brug for for at forbruge indhold, men det ser intetsigende ud.
Spørgsmålet er, kan du oprette oplysninger om dit websted eller blog på et feed visuelt tiltalende og attraktivt? Svaret er JA. Der er en række måder at gøre dette på, men den enkleste er ved at linke en CSS-fil til dit XML-dokument.
Hvad er CSS?
Cascading Style Sheets (CSS) er en måde at formatere et dokument på. Fordelen ved CSS er, at det tager præsentationsinstruktionerne for en side og segmenterer den. Dette betyder, at en CSS-side faktisk kan fungere for flere dokumenter eller websider. Vi har en separat guide til tilføje CSS til XML. Når du arbejder med en XML-fil til et RSS-feed, er konceptet det samme.
Sådan tilføjes CSS Styling til RSS
CSS er en separat fil, der giver specifikke formateringsinstruktioner til en processor. Processoren ser på hver linje i XML-dokumentet i rækkefølge. Det starter med erklæringen. Dette identificerer filens sprog og giver information, f.eks. Version.
Processoren bevæger sig ned til næste linje i koden. Når du linker CSS til en XML-fil, skal denne linje fungere som en markør til formateringsfilen.
Ved at tilføje ovenstående linje til din RSS XML fil, fortæller du processoren, at der er en separat fil med information. I dette tilfælde er filen et kaskadestilark. Processoren ved at åbne den fil og læse den. Den færdige XML-fil til et RSS-feed ville se sådan ud:
XML-artikler fra Lifewire
Spændende nye tilbud fra XML og Lifewire-verdenen
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Hold dig opdateret om alle tips og tricks inden for webdesign med Lifewire
https://www.lifewire.com/
Hvordan du formaterer og styler oplysningerne er op til dig. Brug elementtags i XML til CSS-filen. For eksempel:
vare {
display: blok;
margin-bund: 30pt;
margen-venstre; 0;
}