Kako formatirati RSS: Dodavanje stila u feed

Jedan od problema koji se ističe sa Rich Sažetak web stranica ( RSS - često poznat kao Real Simple Syndication) je stil ili nedostatak. Lijevo bez ikakvog oblikovanja, informacije prikazane na RSS feedu nisu ništa drugo nego sirovi podaci. Izgleda malo poput ispisa računala ili tekstualne datoteke. Još je funkcionalna i pruža sve informacije koje čitatelj treba konzumirati, ali izgleda blijedo.

Pitanje je možete li učiniti informacije o vašoj web-lokaciji ili blogu na feedu vizualno ugodnom i atraktivnom? Odgovor je YES. Postoji nekoliko načina za to, ali najjednostavnije je povezivanje CSS datoteke s vašim XML dokumentom.

Što je CSS?

Kaskadne sheme stila (CSS) su jedan od načina oblikovanja dokumenta. Prednost CSS-a je da zahtijeva upute za prezentaciju stranice i segmenti. To znači da jedna CSS stranica zapravo može raditi za više dokumenata ili web stranica. Već sam pokrivao dodavanje CSS-a u XML. Kada radite s XML datotekom za RSS feed, koncept je isti.

Kako dodati CSS Styling na RSS

CSS je zasebna datoteka koja daje određene upute za oblikovanje procesoru. Procesor gleda svaki redak u XML dokumentu redom. Započinje s izjavom o izjavi. To identificira jezik datoteke i pruža informacije, poput verzije.

Procesor će se pomaknuti na sljedeći redak u kodu. Kada povezujete CSS s XML datotekom, ova linija treba poslužiti kao pokazivač na datoteku za formatiranje.

Dodavanjem ove retke u vašu RSS XML datoteku, kažete procesoru da postoji zasebna datoteka s podacima. U ovom slučaju datoteka je kaskadni stilski list. Procesor zna otvoriti tu datoteku i pročitati ga. Izvršena XML datoteka za RSS feed izgleda ovako:

XML članci iz Lifewire Uzbudljive nove ponude iz svijeta XML-a i Lifewire-a htts: //www.lifewire.com/xml-articles-example-url.html Lifewire Nastavi ažurirati sve savjete i trikove u web dizajnu s https: // www. /

Kako oblikujte i stilizirate informacije na vama. Koristite oznake elementa u XML-u za CSS datoteku. Na primjer:

stavka {display: block; granični dno: 30pt; margin lijevi; 0; }