Eitt vandamál sem kemur fram með Rich Site Summary ( RSS - þekktur sem Real Simple Syndication) er stíl eða skortur á því. Vinstri án nokkurs sniðs er upplýsingarnar sem birtar eru á RSS straumi ekkert annað en hráefni. Það lítur svolítið út eins og tölvutskrift eða textaskrá. Það er ennþá hagnýtt og það veitir allar þær upplýsingar sem lesandi þarf að neyta efni, en það lítur vel út.
Spurningin er að hægt er að gera upplýsingar um vefsíðuna þína eða bloggið á fóðri sýnilega ánægjulegt og aðlaðandi? Svarið er já. Það eru nokkrar leiðir til að fara um þetta, en einfaldasta er með því að tengja CSS skrá við XML skjalið þitt.
Hvað er CSS?
Cascading Style Sheets (CSS) er ein leið til að forsníða skjal. Kosturinn við CSS er sú að það tekur kynningarleiðbeiningar fyrir síðu og hluti það. Þetta þýðir að einn CSS síðu getur raunverulega unnið fyrir margar skjöl eða vefsíður. Ég hef þegar fjallað um að bæta CSS við XML. Þegar þú ert að vinna með XML skrá fyrir RSS fæða, er hugmyndin sú sama.
Hvernig á að bæta CSS Styling við RSS
CSS er sérstakur skrá sem gefur tilteknar leiðbeiningar um formatting í örgjörva. Gjörviin lítur á hverja línu í XML skjalinu í röð. Það mun byrja með yfirlýsingu yfirlýsingu. Þetta skilgreinir tungumál skráarinnar og veitir upplýsingar, svo sem útgáfu.
Gjörvi mun fara niður í næstu línu í kóðanum. Þegar tenging á CSS við XML-skrá ætti þessi lína að vera bendi til formunarskráarinnar.
Með því að bæta þessari línu inn í XML XML skráinn þinn, segðuðu örgjörvann að það sé sérstakt skrá með upplýsingum. Í þessu tilviki, skráin er cascading stíl blað. Gjörvi veit að opna skrána og lesa hana. Lokið XML skráin fyrir RSS straumar myndi líta svona út:
XML greinar frá Lifewire Spennandi ný tilboð frá heimi XML og Lifewire htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Halda uppfærðu á öllum ráðum og bragðarefur í vefhönnun með https: // www. /Hvernig þú sniðið og stíll upplýsingarnar er undir þér komið. Notaðu frummerkin í XML fyrir CSS skrá. Til dæmis:
atriði {sýna: blokk; framlegð-botn: 30pt; framlegð-vinstri; 0; }