NorfiPC
NorfiPC » Códigos » Mostrar noticias RSS

Como mostrar una lista de las publicaciones recientes usando el RSS


Compartir en Google Compartir en Facebook Compartir en Twitter Pinear imágenes en Pinterest
Usar AJAX para escribir el contenido de un archivo de noticias RSS de un blog o sitio web, en páginas escritas en HTML o PHP. Códigos y ejemplos prácticos para copiar y descargar gratis.
Como mostrar una lista de las publicaciones recientes usando el archivo RSS de un sitio
Una de las formas de obtener más páginas vistas en nuestro blog o sitio web, es mostrando en la página principal o en otras del sitio una lista de las ultimas publicaciones, para animar a los lectores a explorarlo y hacer que se sientas atraído por nuestro contenido.
También podemos de forma similar mostrar las últimas publicaciones de un blog o de un sitio de noticias relacionado.
Todo podemos configurarlo exactamente a nuestro gusto y darle el estilo que nos interesa.
En WordPress podemos implementar las publicaciones recientes con un widget en la barra lateral.
En sitios hechos con otras plataformas podemos implementarlo usando AJAX, para que se cargue de forma automática el contenido de nuestro feed de noticias e incluso el de otros sitios también, sin perjudicar el rendimiento.



¿Qué es AJAX?


AJAX (Asynchronous JavaScript And XML) es una técnica que permite mediante Javascript de forma asíncrona escribir contenido adicional, sin recargar la página y casi sin que sea percibido.
De esta forma los datos se cargan por el navegador "a trozos" en segundo plano, sin perjudicar ni interferir la carga de otros elementos como imágenes.
Dicen que es la técnica a la que Google le debe mucho por haber tenido éxito en su buscador.
Mediante este método podemos escribir en un área de la página el contenido de un feed de noticias de nuestro sitio o de otro cualquiera de internet, incluso mostrarlo de forma dinámica con efectos.



Como usar AJAX para escribir el contenido de un archivo RSS


Hay varias formas de usar Ajax para inyectar el contenido de uno o de varios feed RSS en una página.
Una de las formas es usar la librería lastRSS.php que se puede descargar desde el sitio de su desarrollador en http://lastrss.oslab.net/
En esta página también podrás descargar el código y los archivos completos del ejemplo.
Solo vamos a exponer de forma práctica como usar lastRSS.php, de forma similar a como lo empleamos en nuestro sitio.
Te adelanto que no hace falta ser un experto para lograrlo, solo un poco de idea y dedicarle unos minutos de nuestro tiempo para hacer las pruebas y finalmente decidirnos por una opción.
Comparto esta página después de haber buscado información para crear en mi sitio este método y no encontrar ninguna forma suficiente clara.



Códigos para mostrar noticias RSS en cualquier página con AJAX


Para escribir con AJAX uno o varios feed de noticias RSS en unas o varias páginas ya estén escritas en HTML o PHP, necesitamos 3 archivos auxiliares:
lastRSS.php (9KB). Se encarga de extraer los datos del XML del feed de noticias.
npc.php (se le puede dar otro nombre). Escribe el contenido de las noticias.
ajax.js (1KB). Escribe el archivo npc.php de forma asíncrona en el lugar exacto de una página.
Los archivos se sitúan en una carpeta auxiliar y entonces en la página donde se desea mostrar las noticias se inserta lo siguiente:

Si el código anterior se encierra en un contenedor DIV, se le puede dar un estilo con CSS.
Si lees esta página en una PC o Laptop, verás en la barra lateral el feed de noticias de este sitio escrito usando este método.
✓ Descarga los archivos de ejemplo: Descargar



Códigos para mostrar noticias RSS en una página con PHP


En páginas servidas como PHP, o sea que terminan con la extensión PHP, no es necesario usar AJAX.
Simplemente se pueden insertar un código o snippet que incluya lastRSS.php y escriba el contenido de las noticias.
Para ese caso solo necesitamos usar el siguiente código en el lugar exacto donde se desea insertar las noticias:
<?php
include "./lastRSS.php";
$rss = new lastRSS;
$rss->cache_dir = './temp';
$rss->cache_time = 1200;
// cargar archivo RSS
$rs = $rss->get('http://norfipc.com/rss.xml');
// Muestra titulo y enlace
echo "<ul>\n";
foreach($rs['items'] as $item) {
echo "\t<li><a href=\"$item[link]\">".$item['title']."</a></li>\n";}
echo "</ul>\n";
?>
En este ejemplo solo se usan dos variables "link" y "title" que muestran el título de la publicación y su enlace.
Se supone que el archivo "lastRSS.php" está en el mismo directorio que la página, pero lógicamente se puede situar en otra ubicación.



Configurar y darle estilo a la lista de publicaciones


Solo son ejemplos elementales.
Se puede de esta forma insertar uno o varios feeds de noticias.
En cada uno se puede escoger los ítems o variables del contenido a mostrar (título, enlace, descripción, etc.).
En algunos casos hay disponibles otros como el autor, categorías, comentarios, etc.
El ítem necesario lo puedes copiar del archivo lastRSS.php.
Siempre es necesario usar CSS para darle el estilo necesario al contenido.
Otra opción que usamos en la página principal es un script que permite agregar varios efectos de transición.
Lee más información de cómo usar los CSS en las páginas relacionadas.



Usar la API para Feed de Google


Otra opción para mostrar noticias RSS es emplear un servicio que proporciona Google.
Son varias las ventajas y existen diversas opciones.
En algunos casos solo tenemos que copiar y pegar el código y no preocuparnos por modificar el estilo predeterminado.
Para las opciones elementales no es necesario una clave personal, para otras avanzadas sí.
Lee con todos los detalles como usar este servicio: Como mostrar con Google Feed API artículos y noticias de otros sitios

Síguenos en las redes sociales de internet


Norfi Carrodeguas en Google+ Trucos de NorfiPC en Facebook @NorfiPC en Twitter NorfiPC en Pinterest

Buscar en este sitio


Páginas relacionadas




 
Inicio | Mapa del sitio | Sobre mí | RSS