Cum să formatați RSS: Adăugarea stilului la un flux

click fraud protection

O problemă care se evidențiază prin Rezumatul site-ului bogat (RSS - adesea cunoscut sub numele de Real Simple Syndication) este stilul sau lipsa acestuia. Lăsate fără nicio formatare, informațiile prezentate pe un flux RSS nu sunt decât date brute. Seamănă puțin cu un fișier text sau tipărit pe computer. Este încă funcțional și oferă toate informațiile de care are nevoie un cititor pentru a consuma conținut, dar arată bland.

Întrebarea este dacă puteți face informațiile despre site-ul dvs. sau blog pe un feed vizual plăcut și atractiv? Raspunsul este da. Există mai multe modalități de a face acest lucru, dar cel mai simplu este legarea unui fișier CSS la documentul dvs. XML.

Ce este CSS?

Foi de stil în cascadă (CSS) sunt o modalitate de formatare a unui document. Avantajul CSS este că ia instrucțiunile de prezentare pentru o pagină și o segmentează. Aceasta înseamnă că o pagină CSS poate funcționa de fapt pentru mai multe documente sau pagini web. Avem un ghid separat pentru adăugarea CSS la XML. Când lucrați cu un fișier XML pentru un flux RSS, conceptul este același.

instagram viewer

Cum se adaugă stilul CSS la RSS

CSS este un fișier separat care oferă instrucțiuni de formatare specifice unui procesor. Procesorul privește fiecare linie din documentul XML în ordine. Va începe cu declarația de declarație. Aceasta identifică limba fișierului și oferă informații, cum ar fi versiunea.

Procesorul va trece în jos la următoarea linie din cod. Când conectați CSS la un fișier XML, această linie ar trebui să servească drept indicator la fișierul de formatare.


Adăugând linia de mai sus în RSS XML fișier, spuneți procesorului că există un fișier separat cu informații. În acest caz, fișierul este o foaie de stil în cascadă. Procesorul știe să deschidă fișierul și să-l citească. Fișierul XML completat pentru un flux RSS ar arăta cam așa:

Articole XML de la Lifewire
Oferte noi incitante din lumea XML și Lifewire
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Țineți-vă la curent cu toate sfaturile și trucurile în designul web cu Lifewire
https://www.lifewire.com/

Modul în care formatați și stilați informațiile depinde de dvs. Utilizați etichetele de element din XML pentru fișierul CSS. De exemplu:

element {
display: bloc;
marginea-jos: 30pt;
margin-stânga; 0;
}
instagram story viewer