Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar miniaturas de publicaciones a tus feeds RSS de WordPress

Si bien los feeds RSS son excelentes para promocionar tu contenido en directorios, lectores de feeds y otras plataformas, tienen un gran inconveniente: las imágenes destacadas de tus publicaciones de blog no aparecerán.

Cuando comencé a sindicar mi contenido de WordPress a través de feeds RSS, me frustraba lo simples y cargados de texto que se veían. Mis imágenes destacadas cuidadosamente elegidas no se encontraban en ninguna parte, lo que hacía que mi contenido se mezclara con todas las demás publicaciones.

Después de administrar varios sitios de WordPress a lo largo de los años, he aprendido que los elementos visuales marcan una gran diferencia en la forma en que las personas interactúan con tu contenido. Agregar miniaturas de publicaciones puede transformar por completo tus feeds RSS de WordPress.

En este artículo, te mostraré cómo puedes agregar miniaturas de publicaciones a tus feeds RSS de WordPress.

Agregar miniaturas de publicaciones a los feeds RSS de WordPress

¿Qué es un feed RSS de WordPress?

RSS, o Really Simple Syndication (Sindicación Realmente Simple), permite a los usuarios y aplicaciones recibir actualizaciones regulares de un sitio web o un blog en un feed web.

Los feeds RSS te ayudan a recibir actualizaciones de los sitios web que elijas sin tener que visitarlos manualmente. Ayuda a ahorrar tiempo y te permite ver el contenido más reciente en tu correo electrónico, lectores de feeds y otros dispositivos.

Si tienes un blog de WordPress, entonces los feeds RSS pueden ayudarte a promocionar tu contenido y generar tráfico a tu blog. Puedes hacer que los nuevos artículos sean fácilmente descubribles para los lectores y mantenerlos regresando a tu sitio en busca de contenido fresco.

Sin embargo, el problema con los feeds RSS de WordPress es que no muestran las imágenes destacadas de las publicaciones de tu blog.

Agregar miniaturas a las publicaciones ayuda a personalizar el feed RSS. También ayuda a mejorar el feed y proporcionar una mejor experiencia de usuario.

Dicho esto, veamos cómo puedes agregar miniaturas a los feeds RSS de WordPress. Te mostraré dos formas de hacerlo, que incluyen usar un plugin de WordPress y agregar una función simple a los archivos de tu tema.

Agregar miniaturas de publicaciones a los feeds RSS usando un plugin (forma fácil)

La forma más fácil de mostrar imágenes destacadas en el feed RSS es usando el plugin Featured Images in RSS for Mailchimp & More.

Es un plugin gratuito de WordPress que te ayuda a agregar imágenes a tu feed RSS para que se muestren en tus campañas de correo electrónico RSS y en cualquier otro lugar donde se utilice tu feed RSS.

Primero, necesitarás instalar y activar el plugin. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, puedes dirigirte a Featured Images in RSS desde tu panel de WordPress.

El plugin te permite cambiar el tamaño de la imagen RSS, la alineación, el relleno del texto y elegir si quieres que las imágenes sean clickeables.

Configuración de imágenes destacadas en RSS

Cuando hayas realizado los cambios deseados, no olvides hacer clic en el botón ‘Guardar Cambios’.

Agregar manualmente miniaturas de publicaciones a los feeds RSS (se requiere codificación)

Otra forma de mostrar miniaturas de publicaciones en los feeds RSS de WordPress es agregando un fragmento de código al archivo functions.php de tu tema.

Sin embargo, no recomiendo editar directamente el archivo functions.php, ya que el más mínimo error puede dañar tu sitio de WordPress. En su lugar, una forma más fácil de agregar código es usando el plugin WPCode.

WPCode - El mejor plugin de fragmentos de código para WordPress

Con WPCode, puedes agregar fragmentos de código de forma segura en WordPress sin errores. Además, te permite conservar tu código personalizado incluso si actualizas o cambias tu tema de WordPress.

La versión gratuita de WPCode viene con todo lo que necesitas para agregar código personalizado en WordPress, incluida una biblioteca de fragmentos de código listos para usar. WPCode Pro incluye funciones avanzadas como revisiones de código, fragmentos programados, píxeles de conversión y más.

Primero, deberás instalar y activar el plugin WPCode. Puedes seguir nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez que el plugin esté activo, puedes ir a Fragmentos de código » + Agregar Fragmento desde el panel de WordPress.

Desde aquí, ve a la opción ‘Agregar tu código personalizado (Nuevo fragmento)’ y haz clic en el botón ‘+ Agregar fragmento personalizado’.

Añadir fragmento personalizado en WPCode

Luego, selecciona 'Fragmento de PHP' como tipo de código de la lista de opciones que aparecen en la pantalla.

Elegir un fragmento de PHP en WPCode

Después de eso, tienes que copiar el siguiente código:

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

A continuación, dale un título a tu fragmento, puede ser cualquier cosa que te ayude a recordar para qué es el código.

Luego, pega el código que copiaste anteriormente en el cuadro ‘Vista previa del código’.

Código de feed RSS para imágenes en miniatura WPCode

Ahora, desplázate hacia abajo hasta la sección ‘Inserción’.

Para este fragmento, querrás dejar seleccionada la opción ‘Inserción automática’ para insertar y ejecutar automáticamente el fragmento de código en tu sitio.

Elegir el método de inserción de WPCode

Finalmente, cambia el interruptor de ‘Inactivo’ a ‘Activo’.

Luego, no olvides presionar el botón ‘Guardar fragmento’.

Guardar y activar fragmento de código WPCode

Puedes seguir nuestro tutorial sobre cómo agregar fácilmente código personalizado en WordPress para más detalles.

Para más consejos sobre cómo agregar imágenes destacadas a tus publicaciones de blog, puedes consultar nuestra guía sobre cómo agregar miniaturas de publicaciones en WordPress.

Guías expertas sobre feeds RSS de WordPress

Ahora que sabes cómo agregar miniaturas de publicaciones a tus feeds RSS, quizás quieras ver nuestras otras guías sobre feeds RSS de WordPress:

Espero que este artículo te haya ayudado a aprender cómo agregar miniaturas de publicaciones a tus feeds RSS de WordPress. También puedes consultar nuestra guía sobre el mejor generador de nombres de negocios gratuito y cómo elegir el mejor creador de sitios web.

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

44 CommentsLeave a Reply

  1. Hola,

    Cuando agregué este código a mi functions.php, cambió la longitud de la descripción. Ahora se muestra todo el contenido de las publicaciones del blog en el feed RSS. Antes estaba cortado. ¿Hay alguna manera de limitar la descripción a un máximo de 300 palabras?

    Gracias

    • For what you are wanting you would want to change get_the_content to get_the_excerpt and that should allow it to display with the excerpt :)

      Administrador

  2. En primer lugar, permítanme agradecerles por los diversos tutoriales que me han ayudado a lo largo del tiempo a solucionar varios problemas.

    Solo estoy buscando una implementación simple.

    Solo quiero que mi feed de categoría de WordPress, por ejemplo, wpbeginner.com/category/wp-tutorials/feed, tenga la imagen destacada de la publicación.

    Para que bajo la categoría/noticias/feed mis artículos muestren imágenes destacadas en las secciones de Google News Publishers.

    • El método de nuestra guía anterior debería permitirte agregar imágenes a tus feeds RSS. El plugin tiene un plan de pago si quisieras excluir específicamente otras categorías.

      Administrador

  3. Esto no funciona. Desafortunadamente, cuando se ejecuta, muestra el contenido completo de la publicación y la imagen destacada a tamaño completo en lugar del extracto.

    • Por tu declaración, sí funciona. Agrega la miniatura de la publicación, que es de lo que trata este tutorial. Querrías cambiar `get_the_content` por `get_the_excerpt` para mostrar el extracto y no el contenido completo.

      Administrador

  4. Entonces, ¿cómo modificas la función si estás usando ACF para tu miniatura personalizada principal en lugar de la miniatura de WordPress?

  5. Señor. Estoy usando los feeds RSS de otros sitios web para elegir las noticias, pero no muestra las imágenes destacadas, solo muestra el enlace. ¿Funcionará este código o plugin para mí? Intenté ambos pero no pasó nada. Gracias.
    Y por favor, sugiérame qué debo hacer.

  6. Así que esto solo agrega la imagen al contenido. Realmente no es lo deseado para mis necesidades. ¿Cómo puedo agregar un nuevo campo para poder usar `get_thumbnail` al usar el método `fetch_feed` en WordPress?

  7. Hola, ¿cómo puedo aplicar este filtro en un rss personalizado?

    Tengo el siguiente rss creado

    add_action(‘init’, ‘customRSS’);
    function customRSS(){
    add_feed(‘feedname’, ‘customRSSFunc’);
    }
    function customRSSFunc(){
    get_template_part(‘rss’, ‘feedname’);
    }

    ¡Gran trabajo!

  8. Fue un verdadero dolor de cabeza ver las campañas de RSS a correo electrónico sin imágenes porque el feed RSS no tenía la etiqueta necesaria para extraer imágenes. De todos modos, cambié el archivo functions.php y ahora MailChimp puede extraer los componentes requeridos y ahora los correos electrónicos se ven hermosos.

    Sin embargo, las imágenes en el feed RSS todavía se ven muy grandes y desearía poder redimensionarlas a un tamaño adecuado. Necesito buscar más y encontrar una solución para esto.

  9. Esto logró incluir la miniatura en el feed, pero creó otros dos problemas:

    1) Mi feed ahora muestra el contenido completo en lugar de solo el resumen.

    2) El feed también está capturando mi imagen destacada del contenido (la imagen completa, no solo la miniatura) y este shortcode:

    [caption id="attachment_24496" align="aligncenter"width="739"]Texto del pie de foto[/caption]

    Supongo que hay una manera de corregir ambos problemas. ¿Alguien puede ayudar?

  10. Intenté implementar esto y recibí "Error de análisis: error de sintaxis, inesperado '<' en /home/content/98/8201898/html/wp-content/themes/twentyfourteen/functions.php en la línea 526"
    No puedo acceder a wp-admin ni al feed rss. He intentado crear nuevos archivos wp-config.php y nada funciona. ¿Alguien podría ayudar?

  11. Hola a quien escribió esta publicación. Gracias de antemano, pero al usar este código, mi feed muestra la imagen EN TAMAÑO COMPLETO, no como una miniatura. ¿Qué recomendarías para definir un tamaño?

  12. Hola,
    Soy nuevo en WordPress. ¿Puedes sugerirme cómo puedo usar esto para mostrar un feed RSS con miniaturas? Aquí está mi código:

    get_item_quantity( 10 );

    // Construye un arreglo de todos los elementos, comenzando con el elemento 0 (primer elemento).
    $rss_items = $rss->get_items( 0, $maxitems );

    endif;
    ?>

    <a href="get_permalink() ); ?>”
    title=”get_date(‘j F Y | g:i a’) ); ?>”>
    get_title($content,) ); ?>

    get_description() ); ?>

    y agregué la función describe en function.php del tema. pero no funciona.

    ¡¡¡Ayúdame!!!
    Gracias

  13. Hola,

    ¡Gracias por compartir esto!

    Me gustaría saber si es posible (y cómo) usar este script para mostrar la imagen del autor en el feed RSS. ¿Hay alguna manera de hacer esto?

    Gracias

    François

  14. ¿Por qué necesitamos verificar has_post_thumbnail()?

    get_the_post_thumbnail() devuelve una cadena vacía si no pudo obtener la miniatura. Además, no es necesario definir global $post. Los filtros se llaman desde dentro del bucle.

    Y por qué llamamos get_the_content(), ¿es necesario?

    Este código será suficiente:


    function rss_post_thumbnail( $content ){ $img = get_the_post_thumbnail( null, array(100, 80), array( ‘align’ => ‘left’, ‘style’ => ‘margin-right:15px;’ ) ); $content = $img . $content;

    return $content;
    } add_filter( ‘the_excerpt_rss’, ‘rss_post_thumbnail’ ); add_filter( ‘the_content_feed’, ‘rss_post_thumbnail’ ); —

    Disculpen mi inglés. No es mi lengua materna.

  15. Estoy probando esto con el tema de revista Genesis, sin éxito. El artículo se está volviendo un poco anticuado. Me preguntaba si algo podría haber cambiado en WordPress desde que se escribió originalmente, o si tal vez me estoy perdiendo algo. Ha pasado un tiempo desde que me adentré en el agujero de conejo persiguiendo el código del feed.

    /** Agregar miniatura al feed del tema Magazine */
    function rss_post_thumbnail($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
    $content = ” . ‘ID).'”>’. get_the_post_thumbnail($post->ID).’‘ .
    ” . /* opción de contenido completo get_the_content() */get_the_excerpt();/* opción de extracto */
    }
    return $content;
    }

    add_filter(‘the_excerpt_rss’, ‘rss_post_thumbnail’);
    add_filter(‘the_content_feed’, ‘rss_post_thumbnail’);

    • Acabo de probar el código del artículo en un tema hijo de Genesis personalizado. Funciona bien. No funcionará con el feed predeterminado de WordPress que muestra Firefox. Pero si vas al feed de Atom, entonces funcionará. Si estás usando Feedburner u otra aplicación, debería funcionar.

      Administrador

  16. Ok... espera un minuto.

    Parece que esto fuerza que mi feed RSS sea de contenido completo. ¿Es ese el caso?

    Más importante aún, parece que todo esto solo agrega la miniatura al principio del contenido en el feed RSS. ¿Me estoy perdiendo algo aquí?

    • Sí, hace que el feed sea de contenido completo. Puedes cambiar get_the_content() por get_the_excerpt().

      Sí, el punto es agregar la miniatura destacada en RSS. En la mayoría de los casos, se agrega antes de la publicación. Puedes estilizar la etiqueta de párrafo como quieras. Agrega un float:left; o cualquier cosa que desees.

      Administrador

  17. Hola, intenté esto pero me da el error Fatal error: Call to undefined function add_filter() in wp-includes/functions.php on line 33. Por favor, ayúdenme a resolver este problema. Gracias de antemano.

  18. Esto funciona muy bien, excepto que cuando hay una miniatura presente, el feed siempre repite el título de la publicación dentro del texto del contenido (o texto del extracto, como estoy usando), lo que parece un poco redundante. Para las publicaciones sin miniatura, el título no se repite. ¿Hay alguna manera de eliminar este texto de título adicional? No tiene etiquetas circundantes, por lo que no puedo ocultarlo con CSS.

  19. ¿Cómo harías que la miniatura de la publicación enlace desde RSS a la publicación?

    I don’t get along with PHP, any help is appreciated :)

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.