Et problem som skiller seg ut med Rich Site Summary (RSS - ofte kjent som Real Simple Syndication) er stil eller mangel på det. Venstre uten formatering, er informasjonen som presenteres på en RSS-feed, bare rå data. Det ser litt ut som en datamaskinutskrift eller tekstfil. Det er fortsatt funksjonelt og det gir all den informasjonen som en leser trenger for å konsumere innhold, men det ser blid ut.
Spørsmålet er kan du gjøre informasjonen om nettstedet ditt eller bloggen din på en feed visuelt tiltalende og attraktiv? Svaret er JA. Det finnes flere måter å gå om dette, men det enkleste er å koble en CSS-fil til XML-dokumentet ditt.
Hva er CSS?
Cascading Style Sheets (CSS) er en måte å formatere et dokument på. Fordelen med CSS er at det tar presentasjonsinstruksjonene for en side og segmenterer den. Dette betyr at en CSS-side faktisk kan fungere for flere dokumenter eller nettsider. Jeg har allerede dekket å legge til CSS i XML. Når du jobber med en XML-fil for en RSS-feed, er konseptet det samme.
Slik legger du 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 vil starte med erklæringen. Dette identifiserer språket i filen og gir informasjon, for eksempel versjon.
Prosessoren vil bevege seg ned til neste linje i koden. Når du kobler CSS til en XML-fil, bør denne linjen fungere som en peker til formateringsfilen.
Ved å legge denne linjen inn i din RSS XML-fil, forteller du prosessoren at det er en egen fil med informasjon. I dette tilfellet er filen et cascading stilark. Prosessoren vet å åpne den filen og lese den. Den fullførte XML-filen for en RSS-feed ser noe ut som dette:
XML-artikler fra LifewireSpennende nye tilbud fra XML og Lifewire verdenHTTS: //www.Go-Travels.com/xml-articles-example-url.htmlLifewireHold deg oppdatert på alle tips og triks i webdesign med Lifewirehttps://www.Go-Travels.com/
Hvordan du formaterer og stiler informasjonen, er opp til deg. Bruk elementene i XML for CSS-filen. For eksempel: element { skjerm: blokk; margin-bunn: 30pt; margin venstre; 0;}
