Cómo dar formato a RSS: agregar estilo a una fuente

Un problema que se destaca con Rich Site Summary (RSS (A menudo conocido como Real Simple Syndication) es el estilo o la falta de él. Sin ningún formato, la información presentada en una fuente RSS no es más que datos sin procesar. Se parece un poco a una copia impresa de la computadora o un archivo de texto. Sigue siendo funcional y proporciona toda la información que un lector necesita para consumir contenido, pero parece insípido.

La pregunta es ¿puede hacer que la información sobre su sitio web o Blog en un alimento visualmente agradable y atractivo? La respuesta es sí. Hay varias formas de hacerlo, pero la más sencilla es vincular un archivo CSS a su documento XML.

¿Qué es CSS?

Las hojas de estilo en cascada (CSS) son una forma de formatear un documento. La ventaja de CSS es que toma las instrucciones de presentación de una página y la segmenta. Esto significa que una página CSS puede funcionar para varios documentos o páginas web. Tenemos una guía separada para agregar CSS a XML. Cuando trabaja con un archivo XML para una fuente RSS, el concepto es el mismo.

instagram viewer

Cómo agregar estilo CSS a RSS

CSS es un archivo separado que proporciona instrucciones de formato específicas a un procesador. El procesador examina cada línea del documento XML en secuencia. Comenzará con la declaración de declaración. Esto identifica el idioma del archivo y proporciona información, como la versión.

El procesador bajará a la siguiente línea del código. Al vincular CSS a un archivo XML, esta línea debe servir como puntero al archivo de formato.


Al agregar la línea anterior en su RSS XML archivo, le dice al procesador que hay un archivo separado con información. En este caso, el archivo es una hoja de estilo en cascada. El procesador sabe abrir ese archivo y leerlo. El archivo XML completo para una fuente RSS se vería así:

Artículos XML de Lifewire
Nuevas y emocionantes ofertas del mundo de XML y Lifewire
htts: //www.lifewire.com/xml-articles-example-url.html
Lifewire
Manténgase actualizado sobre todos los consejos y trucos de diseño web con Lifewire
https://www.lifewire.com/

El formato y el estilo de la información depende de usted. Utilice las etiquetas de elemento en el XML para el archivo CSS. Por ejemplo:

Articulo {
bloqueo de pantalla;
margen inferior: 30 puntos;
margen izquierdo; 0;
}