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. Si se deja sin formato, la información presentada en un canal RSS no es más que datos sin procesar. Se parece un poco a una impresión de computadora o a 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 feed sea visualmente agradable y atractiva? La respuesta es SÍ. Hay varias maneras de hacerlo, pero la más simple es enlazar un archivo CSS a su documento XML.
¿Qué es el 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 múltiples documentos o páginas web. Ya he cubierto la adición de CSS a XML. Cuando se trabaja con un archivo XML para un feed RSS, el concepto es el mismo.
Cómo añadir estilo CSS a RSS
CSS es un archivo separado que da instrucciones específicas de formateo a un procesador. El procesador mira cada línea del documento XML en secuencia. Comenzará con la declaración. Esto identifica el idioma del archivo y proporciona información, como la versión.
El procesador se moverá hacia abajo a la siguiente línea del código. Cuando se enlaza CSS a un archivo XML, esta línea debe servir como puntero al archivo de formato.
Al añadir esta línea a su archivo RSS XML, 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 un feed RSS se vería algo así:
XML s de Lifewire
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>i>>>>>>>>>>>>Nuevas e interesantes ofertas del mundo de XML y Lifewire
htts://www.lifewire.com/xml-s-example-url.html
Lifewire
Manténgase al día sobre todos los consejos y trucos en diseño web con Lifewire
https://www.lifewire.com/La forma de formatear y estilizar la información depende de usted. Utilice las etiquetas de elementos en el XML para el archivo CSS. Por ejemplo:
item {
visualización: bloque;
> bloque margen-inferior: 30pt;
margen izquierdo; 0;
}
