Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter des miniatures d'articles à vos flux RSS WordPress

Bien que les flux RSS soient parfaits pour promouvoir votre contenu dans les annuaires, les lecteurs de flux et d'autres plateformes, ils présentent un inconvénient majeur : les images mises en avant de vos articles de blog n'apparaîtront pas.

Lorsque j'ai commencé à syndiquer mon contenu WordPress via des flux RSS, j'étais frustré par leur aspect simple et textuel. Mes images mises en avant, soigneusement choisies, étaient introuvables, ce qui faisait que mon contenu se fondait parmi tous les autres articles.

Après avoir géré plusieurs sites WordPress au fil des ans, j'ai appris que les éléments visuels font une énorme différence dans la façon dont les gens interagissent avec votre contenu. L'ajout de miniatures d'articles peut transformer complètement vos flux RSS WordPress.

Dans cet article, je vais vous montrer comment ajouter des miniatures d'articles à vos flux RSS WordPress.

Ajouter des miniatures d'articles aux flux RSS WordPress

Qu'est-ce qu'un flux RSS WordPress ?

RSS, ou Really Simple Syndication, permet aux utilisateurs et aux applications de recevoir des mises à jour régulières d'un site Web ou d'un blog dans un flux Web.

Les flux RSS vous aident à recevoir les mises à jour de vos sites Web choisis sans avoir à les visiter manuellement. Cela permet de gagner du temps, et vous pouvez voir le dernier contenu dans votre e-mail, vos lecteurs de flux et d'autres appareils.

Si vous avez un blog WordPress, les flux RSS peuvent vous aider à promouvoir votre contenu et à générer du trafic vers votre blog. Vous pouvez rendre les nouveaux articles facilement découvrables par les lecteurs et les inciter à revenir sur votre site pour du contenu frais.

Cependant, le problème avec les flux RSS WordPress est qu'ils n'affichent pas les images mises en avant de vos articles de blog.

L'ajout de miniatures d'articles permet de personnaliser le flux RSS. Cela permet également d'améliorer le flux et d'offrir une meilleure expérience utilisateur.

Cela dit, examinons comment vous pouvez ajouter des miniatures d'articles aux flux RSS WordPress. Je vais vous montrer deux méthodes : l'utilisation d'un plugin WordPress et l'ajout d'une simple fonction à vos fichiers de thème.

Ajouter une miniature d'article aux flux RSS à l'aide d'un plugin (méthode simple)

La méthode la plus simple pour afficher les images mises en avant dans le flux RSS consiste à utiliser le plugin Featured Images in RSS for Mailchimp & More.

C'est un plugin WordPress gratuit qui vous aide à ajouter des images à votre flux RSS afin qu'elles s'affichent dans vos campagnes d'e-mails RSS et partout ailleurs où votre flux RSS est utilisé.

Tout d'abord, vous devrez installer et activer le plugin. Si vous avez besoin d'aide, veuillez consulter notre guide sur comment installer un plugin WordPress.

Après l'activation, vous pouvez accéder à Featured Images in RSS depuis votre tableau de bord WordPress.

Le plugin vous permet de modifier la taille des images RSS, l'alignement, le remplissage du texte et de choisir si vous souhaitez rendre les images cliquables.

Paramètres des images à la une dans le flux RSS

Une fois que vous avez apporté les modifications souhaitées, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».

Ajouter manuellement une miniature d'article aux flux RSS (nécessite du codage)

Une autre façon d'afficher les miniatures des articles dans les flux RSS WordPress est d'ajouter un extrait de code au fichier functions.php de votre thème.

Je ne recommande pas de modifier directement le fichier functions.php, car la moindre erreur peut casser votre site WordPress. Au lieu de cela, une façon plus simple d'ajouter du code est d'utiliser le plugin WPCode.

WPCode - Meilleur plugin de snippets de code WordPress

Avec WPCode, vous pouvez ajouter en toute sécurité des extraits de code dans WordPress sans aucune erreur. De plus, il vous permet de conserver votre code personnalisé même si vous mettez à jour ou changez votre thème WordPress.

La version gratuite de WPCode contient tout ce dont vous avez besoin pour ajouter du code personnalisé dans WordPress, y compris une bibliothèque d'extraits de code prêts à l'emploi. WPCode Pro inclut des fonctionnalités avancées telles que les révisions de code, les extraits planifiés, les pixels de conversion, et plus encore.

Tout d'abord, vous devrez installer et activer le plugin WPCode. Vous pouvez suivre notre tutoriel sur comment installer un plugin WordPress.

Une fois le plugin actif, vous pouvez aller dans Extraits de code » + Ajouter un extrait depuis le tableau de bord WordPress.

À partir de là, allez dans l'option « Ajouter votre code personnalisé (Nouvel extrait) » et cliquez sur le bouton « + Ajouter un extrait personnalisé ».

Ajouter un extrait personnalisé dans WPCode

Ensuite, sélectionnez « Extrait PHP » comme type de code dans la liste des options qui apparaissent à l'écran.

Choisir un extrait PHP dans WPCode

Après cela, vous devez copier le code suivant :

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');

Ensuite, donnez un titre à votre extrait, cela peut être n'importe quoi pour vous aider à vous souvenir de l'utilité du code.

Ensuite, collez le code que vous avez copié précédemment dans la boîte « Aperçu du code ».

Code du flux RSS pour les images miniatures WPCode

Maintenant, faites défiler jusqu'à la section « Insertion ».

Pour cet extrait, vous voudrez laisser l'option « Insertion automatique » sélectionnée pour insérer et exécuter automatiquement l'extrait de code sur votre site.

Choisir la méthode d'insertion WPCode

Enfin, basculez l'interrupteur de « Inactif » à « Actif ».

Ensuite, n'oubliez pas de cliquer sur le bouton « Enregistrer le extrait ».

Enregistrer et activer le snippet de code WPCode

Vous pouvez suivre notre tutoriel sur comment ajouter facilement du code personnalisé dans WordPress pour plus de détails.

Pour plus de conseils sur l'ajout d'images mises en avant à vos articles de blog, consultez notre guide sur comment ajouter des miniatures d'articles dans WordPress.

Guides d'experts sur les flux RSS WordPress

Maintenant que vous savez comment ajouter des miniatures d'articles à vos flux RSS, vous voudrez peut-être consulter nos autres guides sur les flux RSS WordPress :

J'espère que cet article vous a aidé à apprendre comment ajouter des miniatures d'articles à vos flux RSS WordPress. Vous pouvez également consulter notre guide sur le meilleur générateur de noms d'entreprise gratuit et comment choisir le meilleur constructeur de site web.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

44 CommentsLeave a Reply

  1. Bonjour,

    Lorsque j'ai ajouté ce code à mon functions.php, cela a modifié la longueur de la description. Maintenant, tout le contenu des articles de blog s'affiche dans le flux RSS. Avant, il était tronqué. Y a-t-il un moyen de limiter la description à un maximum de 300 mots ?

    Merci

    • 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 :)

      Admin

  2. Tout d'abord, permettez-moi de vous remercier pour les différents tutoriels qui m'ont aidé au fil du temps à résoudre plusieurs problèmes.

    Je cherche juste une implémentation simple.

    Je veux juste que mon flux de catégorie WordPress, par exemple wpbeginner.com/category/wp-tutorials/feed, ait l'image mise en avant de l'article.

    Ainsi, sous category/news/feed, mes articles afficheront les images mises en avant dans les sections Google News Publishers.

    • La méthode de notre guide ci-dessus devrait vous permettre d'ajouter des images à vos flux RSS. Le plugin dispose d'un plan payant si vous souhaitez exclure spécifiquement d'autres catégories.

      Admin

  3. Cela ne fonctionne pas. Malheureusement, lors de l'exécution, il affiche le contenu complet de l'article et l'image mise en avant en taille réelle au lieu de l'extrait.

    • D'après votre déclaration, cela fonctionne. Il ajoute la miniature de l'article, ce qui est le sujet de ce tutoriel. Vous voudriez changer get_the_content en get_the_excerpt pour afficher l'extrait et non le contenu complet.

      Admin

  4. Alors, comment modifier la fonction si vous utilisez un ACF pour votre miniature personnalisée principale au lieu de la miniature WordPress ?

  5. Monsieur. J'utilise les flux RSS d'autres sites Web pour sélectionner les nouvelles, mais il n'affiche pas les images mises en avant, seulement le lien. Ce code ou plugin fonctionnera-t-il pour moi ?? J'ai essayé les deux mais rien ne s'est passé. Merci.
    Et s'il vous plaît, suggérez-moi ce que je devrais faire

  6. Donc, cela ajoute simplement l'image au contenu. Pas vraiment ce que je veux pour mes besoins. Comment puis-je ajouter un nouveau champ afin de pouvoir utiliser get_thumbnail lors de l'utilisation de la méthode fetch_feed dans WordPress ?

  7. Bonjour, comment puis-je appliquer ce filtre dans un flux rss personnalisé

    J'ai le flux rss suivant créé

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

    Excellent travail

  8. J'ai collé le code dans les fonctions WP maintenant, mon côté est planté. Écran blanc. Impossible de se connecter. AIDEZ-MOI !!!!

    • Vous devrez vous connecter à votre site Web à l'aide d'un client FTP. Localisez ensuite le fichier functions.php (vous le trouverez dans /wp-content/themes/votre-dossier-thème/), modifiez le fichier à l'aide d'un éditeur de texte brut comme le Bloc-notes. Annulez les modifications que vous avez apportées précédemment. Enfin, enregistrez le fichier et téléchargez-le à nouveau.

      Vous voudrez peut-être aussi consulter notre guide de dépannage WordPress.

      Admin

  9. J'ai essayé la même chose pour mon site mais le flux RSS n'affiche pas les images, s'il vous plaît aidez-moi

    • Le flux RSS est un fichier XML. Habituellement, lorsque vous visualisez un fichier XML dans un navigateur, il n'affichera que le code et n'exécutera pas le balisage. Vous devez vérifier votre flux dans un lecteur de flux comme Feedly.

      Admin

  10. Est-il possible d'utiliser cette fonction avec le widget WP RSS ? J'ai besoin d'importer des articles avec des miniatures sur un autre site.

  11. C'était vraiment un casse-tête de voir les campagnes RSS-vers-e-mail sans aucune image car le flux RSS n'avait pas la balise nécessaire pour extraire les images. Quoi qu'il en soit, j'ai modifié le fichier functions.php et maintenant MailChimp peut extraire les composants requis et maintenant les e-mails sont magnifiques.

    Cependant, les images dans le flux RSS sont toujours vraiment grandes et je souhaite les redimensionner à une taille appropriée. Il faut chercher davantage et trouver une solution pour cela.

  12. Cela a permis d'inclure la miniature dans le flux, mais a créé deux autres problèmes :

    1) Mon flux affiche maintenant le contenu complet au lieu du simple résumé.

    2) Le flux capture également mon image mise en avant à partir du contenu (l'image complète, pas seulement la miniature) et ce shortcode :

    [caption id="attachment_24496" align="aligncenter"width="739"]Texte de la légende[/caption]

    Je suppose qu'il existe un moyen de corriger ces deux problèmes. Quelqu'un peut-il m'aider ?

  13. J'ai essayé d'implémenter cela et j'ai reçu "Erreur d'analyse : erreur de syntaxe, inattendu '<' dans /home/content/98/8201898/html/wp-content/themes/twentyfourteen/functions.php à la ligne 526"
    Je ne peux pas accéder à wp-admin ni au flux rss. J'ai essayé de créer de nouveaux fichiers wp-config.php et rien ne fonctionne. Quelqu'un pourrait-il m'aider ?

  14. Salut à celui qui a écrit ce post. Merci d'abord, mais en utilisant ce code, mon flux affiche l'image en TAILLE RÉELLE, pas en miniature. Que recommanderiez-vous pour définir une taille ?

  15. Salut,
    je suis nouveau sur WordPress. Pouvez-vous me suggérer comment je peux utiliser ceci pour afficher un flux RSS avec des miniatures. voici mon code :

    get_item_quantity( 10 );

    // Construire un tableau de tous les éléments, en commençant par l'élément 0 (premier élément).
    $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() ); ?>

    et ajoutez la fonction describe dans function.php du thème. mais ça ne marche pas.

    Aidez-moi !!!!
    Merci

  16. Bonjour,

    Merci de partager ceci !

    J'aimerais savoir si c'est possible (et comment) d'utiliser ce script pour afficher l'image de l'auteur dans le flux RSS ? Y a-t-il un moyen de faire ça ?

    Merci

    François

  17. Pourquoi avons-nous besoin de vérifier has_post_thumbnail() ?

    get_the_post_thumbnail() renvoie une chaîne vide s'il ne parvient pas à obtenir la miniature. De plus, il n'est pas nécessaire de définir global $post. Les filtres sont appelés depuis l'intérieur de la boucle.

    Et pourquoi appelons-nous get_the_content(), est-ce nécessaire ?

    Ce code sera suffisant :


    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’ );

    Désolé pour mon anglais. Ce n'est pas ma langue maternelle.

  18. Bonjour monsieur, j'ai ajouté du code dans functions.php mais la miniature ne s'affiche pas

  19. J'essaie ceci avec le thème genesis magazine, sans succès. L'article commence à dater un peu. Je me demandais si quelque chose avait pu changer dans WordPress depuis la rédaction originale, ou si je ratais quelque chose. Cela fait un moment que je ne me suis pas lancé dans la recherche de code de flux.

    /** Ajouter la miniature au flux du thème Magazine */
    function rss_post_thumbnail($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
    $content = ” . ‘ID).'”>’. get_the_post_thumbnail($post->ID).’‘ .
    ” . /* option de contenu complet get_the_content() */get_the_excerpt();/* option d'extrait */
    }
    return $content;
    }

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

    • Je viens de tester le code de l'article sur un thème enfant genesis personnalisé. Cela fonctionne bien. Cela ne fonctionnera pas avec le flux WordPress par défaut que Firefox affiche. Mais si vous allez sur le flux Atom, alors cela fonctionnera. Si vous utilisez Feedburner ou une autre application, cela devrait fonctionner.

      Admin

  20. Ok... attendez une minute.

    Il semble que cela force mon flux RSS à afficher le contenu complet. Est-ce le cas ?

    Plus important encore, il semble que tout cela ne fait qu'ajouter la miniature au début du contenu dans le flux RSS. Est-ce que je rate quelque chose ?

    • Oui, cela rend le flux en contenu complet. Vous pouvez changer get_the_content() en get_the_excerpt().

      Oui, le but est d'ajouter la miniature mise en avant dans le flux RSS. Dans la plupart des cas, elle est ajoutée avant l'article. Vous pouvez styliser la balise de paragraphe comme vous le souhaitez. Ajoutez un float:left; ou tout ce que vous voulez.

      Admin

  21. est-ce que cela fonctionne pour le widget RSS reader de WordPress...?? je cherche un moyen d'insérer des images miniatures dans le widget RSS.. quelqu'un...?

  22. Bonjour, j'ai essayé ceci mais cela donne une erreur Fatal error: Call to undefined function add_filter() in wp-includes/functions.php on line 33. S'il vous plaît, aidez-moi à résoudre ce problème. Merci d'avance.

  23. Cela fonctionne très bien, sauf que lorsqu'une miniature est présente, le flux répète toujours le titre de la publication dans le texte du contenu (ou le texte de l'extrait, tel que je l'utilise), ce qui semble un peu redondant. Pour les publications sans miniature, le titre n'est pas répété. Y a-t-il un moyen de supprimer ce texte de titre supplémentaire ? Il n'a pas de balises environnantes, je ne peux donc pas le masquer avec CSS.

  24. Je pense qu'il serait préférable de changer le code :

    $content=”.get_the_post_thumbnail($post->ID).”.$content;

    pour maintenir le contenu original.

  25. Comment feriez-vous pour que la miniature de l'article renvoie du flux RSS à l'article ?

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

  26. C'est vraiment quelque chose ! J'aimerais ajouter quelque chose comme ça à Inside the Webb, je vais devoir jouer avec du code et voir ce que je peux faire.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.