Como agregar imágenes al feed RSS de WordPress

Muchos de los lectores de nuestro blog siguen nuestras entradas y están al tanto de lo nuevo que publicamos, mediante el feed RSS.
Varios de ellos se suscriben para eso usando diferentes aplicaciones o lectores, disponibles tanto para la computadora, como para el móvil.
Actualmente la más popular de las aplicaciones es Feedly, que muestra los últimos post usando las imágenes que las representan.
Si nuestro feed no incluye imágenes, solo se mostrará texto.
En este artículo explico como agregar las imágenes destacadas al RSS con un simple código, con la ventaja de evitar la instalación de plugins adicionales, para una tarea tan sencilla, pero útil.

Insertar automáticamente las imágenes en el feed de WordPress

Para poder insertar imágenes en el feed de nuestro blog, es necesario que las entradas tengan activadas las Imágenes destacadas.
Si es así, haz lo siguiente:
Agrega el siguiente código al archivo “functions.php” del tema Child o a un plugin personal:

//Agregar imagenes al feed
function wp_rss_thumbs( $content ) {
    global $post;
    if( has_post_thumbnail( $post->ID ) ) {
	$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );	
    $content = '<img src="'.esc_attr( $thumbnail_src[0] ).'" class="webfeedsFeaturedVisual" alt="" />' . '<p>' . $content . '</p>';
    }
    return $content;
}
add_filter( 'the_excerpt_rss', 'wp_rss_thumbs' );
add_filter( 'the_content_feed', 'wp_rss_thumbs' );

Como he explicado en otras publicaciones y detallo en una de ellas, para hacer cambios en la configuración de WordPress, es necesario crear previamente un tema Child o descendiente, enlazado al tema original activo.
Es algo bien sencillo.
El código anterior modifica el feed que se genera automáticamente, agregando a cada entrada (ítem) las imágenes y la clase “webfeedsFeaturedVisual”, requerida por Feedly para mostrarlas en la vistas en miniaturas “Magazine View” y “Cards View”.

Configurar el tamaño de las imágenes en el feed

El código anterior usa el alias “medium_large”, que establece el valor de las imágenes con un ancho superior a los 500 pixeles, de acuerdo al tema empleado.
Este es el tamaño mínimo recomendado, para que Feedly y otros lectores de feeds las muestren correctamente.
No obstante el valor se puede sustituir por uno de los siguientes:

Comprobar que el feed de WordPress contiene imágenes

El paso final es comprobar si las imágenes se han agregado correctamente.
Para eso usa uno de los siguientes métodos:
1- El más sencillo, introduce la dirección del feed en la versión de escritorio del navegador Firefox.

2- Revisa el código fuente del feed generado, cargando la misma dirección en el navegador Google Chrome.
3– Accede al servicio de RSS Preview, un lector de feeds online. Introduce la dirección del feed y presiona el botón “SYNC”.
A continuación una captura de imagen del feed de este blog en Feedly.

¿Cuál es la dirección del feed RSS de mi blog?

WordPress genera automáticamente el feed del blog en varios formatos.
Las direcciones URL son las siguientes:
Esta última es la que debemos proporcionar al tratar de suscribirnos al feed usando cualquier aplicación o servicio.
Comprueba el feed RSS de este sitio: https://norfipc.com/rss.xml
Síguenos en Feedly

Otras páginas relacionadas

✓ Como modificar y personalizar mi tema de WordPress
✓ Como usar y configurar WordPress sin plugins
✓ Convertir los enlaces externos en NoFollow en WordPress
✓ Validar archivos sitemap.xml o de fuentes RSS


Comparte

Sígueme en las redes sociales