Come formattare RSS: aggiungere stile a un feed

click fraud protection

Un problema che si distingue con Rich Site Summary (RSS — spesso noto come Real Simple Syndication) è lo stile o la mancanza di esso. Senza alcuna formattazione, le informazioni presentate su un feed RSS non sono altro che dati grezzi. Sembra un po' come una stampa del computer o un file di testo. È ancora funzionante e fornisce tutte le informazioni di cui un lettore ha bisogno per consumare i contenuti, ma sembra insipido.

La domanda è: puoi creare le informazioni sul tuo sito web o? blog su un feed visivamente gradevole e attraente? La risposta è si. Ci sono diversi modi per farlo, ma il più semplice è collegare un file CSS al tuo documento XML.

Che cos'è il CSS?

I fogli di stile a cascata (CSS) sono un modo per formattare un documento. Il vantaggio dei CSS è che prende le istruzioni di presentazione per una pagina e la segmenta. Ciò significa che una pagina CSS può effettivamente funzionare per più documenti o pagine web. Abbiamo una guida separata per aggiungere CSS a XML. Quando lavori con un file XML per un feed RSS, il concetto è lo stesso.

instagram viewer

Come aggiungere lo stile CSS a RSS

CSS è un file separato che fornisce istruzioni di formattazione specifiche a un processore. Il processore esamina in sequenza ogni riga del documento XML. Inizierà con la dichiarazione di dichiarazione. Questo identifica la lingua del file e fornisce informazioni, come la versione.

Il processore passerà alla riga successiva del codice. Quando si collega il CSS a un file XML, questa riga dovrebbe fungere da puntatore al file di formattazione.


Aggiungendo la riga sopra nel tuo RSS XML file, dici al processore che c'è un file separato con le informazioni. In questo caso, il file è un foglio di stile a cascata. Il processore sa di aprire quel file e leggerlo. Il file XML completato per un feed RSS sarebbe simile a questo:

Articoli XML da Lifewire
Nuove interessanti offerte dal mondo di XML e Lifewire
htts://www.lifewire.com/xml-articles-example-url.html
Lifewire
Tieniti aggiornato su tutti i suggerimenti e i trucchi del web design con Lifewire
https://www.lifewire.com/

Il modo in cui formatti e stili le informazioni dipende da te. Utilizzare i tag degli elementi nell'XML per il file CSS. Per esempio:

articolo {
blocco di visualizzazione;
margine inferiore: 30pt;
margine sinistro; 0;
}
instagram story viewer