Jeden problem, który wyróżnia się dzięki Rich Site Summary (RSS — często znany jako Real Simple Syndication) to styl lub jego brak. Pozostawione bez żadnego formatowania informacje prezentowane w kanale RSS są niczym innym jak surowymi danymi. Wygląda trochę jak wydruk komputerowy lub plik tekstowy. Nadal działa i dostarcza wszystkich informacji potrzebnych czytelnikowi do korzystania z treści, ale wygląda nijako.
Pytanie brzmi, czy możesz podać informacje o swojej witrynie lub blog na paszy wizualnie przyjemnej i atrakcyjnej? Odpowiedź brzmi tak. Można to zrobić na kilka sposobów, ale najprostszym jest połączenie pliku CSS z dokumentem XML.
Co to jest CSS?
Kaskadowe arkusze stylów (CSS) to jeden ze sposobów formatowania dokumentu. Zaletą CSS jest to, że bierze instrukcje prezentacji dla strony i segmentuje ją. Oznacza to, że jedna strona CSS może faktycznie działać dla wielu dokumentów lub stron internetowych. Mamy osobny przewodnik dla dodawanie CSS do XML. Podczas pracy z plikiem XML dla kanału RSS koncepcja jest taka sama.
Jak dodać styl CSS do RSS
CSS to oddzielny plik, który podaje procesorowi konkretne instrukcje formatowania. Procesor przegląda kolejno każdy wiersz w dokumencie XML. Zacznie się od oświadczenia deklaracji. Identyfikuje język pliku i dostarcza informacji, takich jak wersja.
Procesor przejdzie do następnej linii kodu. Podczas łączenia CSS z plikiem XML, ten wiersz powinien służyć jako wskaźnik do pliku formatującego.
Dodając powyższą linię do swojego RSS XML plik, mówisz procesorowi, że istnieje osobny plik z informacjami. W tym przypadku plik jest kaskadowym arkuszem stylów. Procesor wie, jak otworzyć ten plik i go odczytać. Gotowy plik XML dla kanału RSS wyglądałby mniej więcej tak:
Artykuły XML z Lifewire
Ekscytujące nowe oferty ze świata XML i Lifewire
htts://www.lifewire.com/xml-articles-example-url.html
Lifewire
Bądź na bieżąco ze wszystkimi wskazówkami i poradami dotyczącymi projektowania stron internetowych z Lifewire
https://www.lifewire.com/
Sposób formatowania i stylizowania informacji zależy od Ciebie. Użyj znaczników elementów w pliku XML pliku CSS. Na przykład:
przedmiot {
Blok wyświetlacza;
margines-dolny: 30pt;
margines lewy; 0;
}