Et problem som skiller seg ut med Rich Site Summary (RSS - ofte kjent som Real Simple Syndication) er stil eller mangel på det. Uten formatering, er informasjonen som presenteres i en RSS-feed, ingenting annet enn rådata. Det ser litt ut som en datamaskinutskrift eller en tekstfil. Den er fremdeles funksjonell, og den gir all informasjon som en leser trenger for å konsumere innhold, men det ser kjedelig ut.
Spørsmålet er om du kan lage informasjonen om nettstedet ditt eller blogg på en feed visuelt tiltalende og attraktiv? Svaret er JA. Det er flere måter å gjøre dette på, men den enkleste er å koble en CSS-fil til XML-dokumentet.
Hva er CSS?
Cascading Style Sheets (CSS) er en måte å formatere et dokument på. Fordelen med CSS er at den tar presentasjonsinstruksjonene for en side og segmenterer den. Dette betyr at en CSS-side faktisk kan fungere for flere dokumenter eller websider. Vi har en egen guide for legge til CSS til XML. Når du jobber med en XML-fil for en RSS-feed, er konseptet det samme.
Hvordan legge til CSS Styling til RSS
CSS er en egen fil som gir spesifikke formateringsinstruksjoner til en prosessor. Prosessoren ser på hver linje i XML-dokumentet i rekkefølge. Det starter med erklæringserklæringen. Dette identifiserer språket i filen og gir informasjon, for eksempel versjon.
Prosessoren beveger seg ned til neste linje i koden. Når du kobler CSS til en XML-fil, skal denne linjen fungere som en peker til formateringsfilen.
Ved å legge linjen over i din RSS XML fil, forteller du prosessoren at det er en egen fil med informasjon. I dette tilfellet er filen et kaskad stilark. Prosessoren vet å åpne den filen og lese den. Den fullførte XML-filen for en RSS-feed ser slik ut:
XML-artikler fra Lifewire
Spennende nye tilbud fra XML og Lifewire-verdenen
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Hold deg oppdatert på alle tips og triks innen webdesign med Lifewire
https://www.lifewire.com/
Hvordan du formaterer og utformer informasjonen er opp til deg. Bruk elementkodene i XML for CSS-filen. For eksempel:
element {
skjerm: blokk;
margin-bunn: 30pt;
margin-venstre; 0;
}