Hoe RSS te formatteren: stijl toevoegen aan een feed

Een probleem dat opvalt met Rich Site Summary (RSS - vaak bekend als Real Simple Syndication) is stijl of het gebrek daaraan. Zonder enige opmaak achtergelaten, is de informatie die op een RSS-feed wordt gepresenteerd niets anders dan onbewerkte gegevens. Het lijkt een beetje op een computerafdruk of tekstbestand. Het is nog steeds functioneel en biedt alle informatie die een lezer nodig heeft om inhoud te consumeren, maar het ziet er saai uit.

De vraag is of u de informatie over uw website of blog op een feed visueel aantrekkelijk en aantrekkelijk? Het antwoord is ja. Er zijn een aantal manieren om dit te doen, maar de eenvoudigste is door een CSS-bestand aan uw XML-document te koppelen.

Wat is CSS?

Cascading Style Sheets (CSS) zijn een manier om een ​​document op te maken. Het voordeel van CSS is dat het de presentatie-instructies voor een pagina gebruikt en deze segmenteert. Dit betekent dat één CSS-pagina daadwerkelijk kan werken voor meerdere documenten of webpagina's. We hebben een aparte handleiding voor:

instagram viewer
CSS toevoegen aan XML. Wanneer u werkt met een XML-bestand voor een RSS-feed, is het concept hetzelfde.

Hoe CSS-styling aan RSS toe te voegen

CSS is een apart bestand dat specifieke opmaakinstructies geeft aan een processor. De processor bekijkt elke regel in het XML-document in volgorde. Het begint met de aangifteverklaring. Dit identificeert de taal van het bestand en geeft informatie, zoals versie.

De processor gaat naar de volgende regel in de code. Bij het koppelen van CSS aan een XML-bestand moet deze regel dienen als een verwijzing naar het opmaakbestand.


Door de bovenstaande regel toe te voegen aan uw RSS-XML bestand, vertel je de processor dat er een apart bestand met informatie is. In dit geval is het bestand een trapsgewijze stylesheet. De processor weet dat bestand te openen en te lezen. Het ingevulde XML-bestand voor een RSS-feed ziet er ongeveer zo uit:

XML-artikelen van Lifewire
Spannende nieuwe aanbiedingen uit de wereld van XML en Lifewire
htts://www.lifewire.com/xml-articles-example-url.html
reddingsdraad
Blijf op de hoogte van alle tips en trucs in webdesign met Lifewire
https://www.lifewire.com/

Hoe u de informatie opmaakt en opmaakt, is aan u. Gebruik de elementtags in de XML voor het CSS-bestand. Bijvoorbeeld:

artikel {
weergave: blok;
marge-onder: 30pt;
marge-links; 0;
}