{"id":14430,"date":"2020-05-22T14:26:14","date_gmt":"2020-05-22T14:26:14","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress\/"},"modified":"2020-05-22T14:26:14","modified_gmt":"2020-05-22T14:26:14","slug":"comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress\/","title":{"rendered":"Comment configurer une image vedette alternative bas\u00e9e sur la cat\u00e9gorie de publication dans WordPress"},"content":{"rendered":"<p>R\u00e9cemment, l&#8217;un de nos utilisateurs nous a demand\u00e9 comment d\u00e9finir une miniature de publication de r\u00e9servation par d\u00e9faut pour des cat\u00e9gories sp\u00e9cifiques dans WordPress. Dans notre didacticiel pr\u00e9c\u00e9dent, nous avons montr\u00e9 comment d\u00e9finir une image de sauvegarde par d\u00e9faut pour le didacticiel de miniature de publication WordPress. Dans cet article, nous vous montrerons comment d\u00e9finir l&#8217;image de sauvegarde par d\u00e9faut pour des cat\u00e9gories sp\u00e9cifiques dans WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/category-fallback-thumbnails.jpg\" alt=\"Afficher les images de cat\u00e9gorie dans WordPress lorsqu'aucune vignette de message n'est trouv\u00e9e\" width=\"520\" height=\"320\" class=\"alignnone size-full wp-image-18019\" title=\"Afficher les images de cat\u00e9gorie dans WordPress lorsqu'aucune vignette de message n'est trouv\u00e9e\"><\/p>\n<p>Remarque: Il s&#8217;agit d&#8217;un didacticiel de niveau interm\u00e9diaire qui vous demandera de conna\u00eetre HTML, CSS et les bases de la structure des th\u00e8mes WordPress.<\/p>\n<p><strong>Sc\u00e9nario:<\/strong><\/p>\n<p>Supposons que vous ayez un blog dans lequel vous attribuez une seule cat\u00e9gorie \u00e0 chacun de vos messages (voir notre guide sur les cat\u00e9gories par rapport aux tags). Vous pouvez afficher une autre image en fonction de la cat\u00e9gorie \u00e0 laquelle une publication est affect\u00e9e. <\/p>\n<p>Cela est particuli\u00e8rement utile lorsque vous \u00eates souvent confront\u00e9 \u00e0 une situation o\u00f9 aucune image s\u00e9lectionn\u00e9e n&#8217;est disponible pour un message. Votre image de marque peut ne pas correspondre au sujet de la publication, mais si vous utilisez une image sp\u00e9cifique \u00e0 une cat\u00e9gorie, elle sera toujours pertinente. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Configurer_des_images_de_categorie_dans_WordPress_sans_plugin\"><\/span>Configurer des images de cat\u00e9gorie dans WordPress sans plugin<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Auparavant, sur WPBeginner, nous vous avons montr\u00e9 comment configurer des images de cat\u00e9gorie dans WordPress. Cependant, pour ce didacticiel, vous devez configurer manuellement les images de cat\u00e9gorie sans plug-in. Consultez notre tutoriel sur la feuille de triche \u00e0 th\u00e8me et le guide du d\u00e9butant pour coller des extraits dans WordPress. <\/p>\n<p>La premi\u00e8re chose \u00e0 faire est de cr\u00e9er des images pour vos cat\u00e9gories. Utilisez le slug de cat\u00e9gorie comme nom de fichier image et enregistrez-les dans le m\u00eame format, par exemple. jpg ou png.<\/p>\n<p>Maintenant, le probl\u00e8me est que votre th\u00e8me WordPress peut utiliser diff\u00e9rentes tailles d&#8217;image dans diff\u00e9rents mod\u00e8les. Par exemple, vous pouvez avoir des vignettes de petits articles sur des pages d&#8217;archives et des images plus grandes sur des articles individuels. Nous laisserons WordPress g\u00e9rer le redimensionnement des images. Pour ce faire, vous devez t\u00e9l\u00e9charger vos images de cat\u00e9gorie sur votre site WordPress \u00e0 partir de <strong>M\u00e9dias \u00bbAjouter un nouveau<\/strong>. Pendant le t\u00e9l\u00e9chargement, WordPress stockera les images de votre cat\u00e9gorie et cr\u00e9era des tailles d\u00e9finies par votre th\u00e8me et celles ci-dessous <strong>Param\u00e8tres \u00bbM\u00e9dia<\/strong> \u00e9cran. <\/p>\n<p>Apr\u00e8s avoir t\u00e9l\u00e9charg\u00e9 des images de cat\u00e9gorie, vous devez les d\u00e9placer vers un r\u00e9pertoire diff\u00e9rent. Connectez-vous \u00e0 votre site Web \u00e0 l&#8217;aide d&#8217;un client FTP comme Filezilla et acc\u00e9dez au dossier \/ wp-content \/ uploads \/. Les images de cat\u00e9gorie que vous avez t\u00e9l\u00e9charg\u00e9es seront stock\u00e9es dans le dossier du mois. Exemple: \/ uploads \/ 2013\/12 \/<\/p>\n<p>Cr\u00e9ez un dossier sur le bureau de votre ordinateur et nommez-le cat\u00e9gorie-images. T\u00e9l\u00e9chargez maintenant toutes les images de votre cat\u00e9gorie et toutes les tailles que WordPress a cr\u00e9\u00e9es pour elles dans ce nouveau dossier sur votre bureau. Une fois le t\u00e9l\u00e9chargement termin\u00e9, vous devez t\u00e9l\u00e9charger le dossier d&#8217;images de cat\u00e9gorie dans votre r\u00e9pertoire \/ wp-content \/ uploads. Cela vous permettra d&#8217;avoir toutes les tailles d&#8217;image de votre cat\u00e9gorie dans un dossier s\u00e9par\u00e9 qui est facile d&#8217;appeler votre th\u00e8me. <\/p>\n<h4><span class=\"ez-toc-section\" id=\"Afficher_les_images_de_categorie_dans_les_modeles_WordPress\"><\/span>Afficher les images de cat\u00e9gorie dans les mod\u00e8les WordPress<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Avant de continuer \u00e0 configurer ces images comme images de sauvegarde par d\u00e9faut, examinons comment vous les afficheriez dans vos th\u00e8mes. Par exemple, vous pouvez afficher ces images en haut de vos pages de cat\u00e9gorie.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<img class = \"category-thumb\" src = \"https:\/\/blogging-techies.com\/<?php%20echo%20bloginfo(\" url=\"\">\/ wp-content \/ uploads \/ category-images \/ slug?> - 50x50.jpg \"alt =\" nom; ?> \"\/>\r\n\r\n<\/pre>\n<p>C&#8217;est ainsi que cela est apparu sur la page d&#8217;archives des cat\u00e9gories de notre site de d\u00e9monstration. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/category-icon.png\" alt=\"Afficher une image d'ic\u00f4ne de cat\u00e9gorie sur la page de cat\u00e9gorie\" width=\"520\" height=\"320\" class=\"alignnone size-full wp-image-18028\" title=\"Afficher une image d'ic\u00f4ne de cat\u00e9gorie sur la page de cat\u00e9gorie\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Afficher_limage_de_la_categorie_comme_image_de_reservation_par_defaut\"><\/span>Afficher l&#8217;image de la cat\u00e9gorie comme image de r\u00e9servation par d\u00e9faut<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Nous allons maintenant vous montrer comment afficher une image de cat\u00e9gorie comme image vedette de sauvegarde ou miniature de publication par d\u00e9faut lorsqu&#8217;une publication n&#8217;a pas sa propre image s\u00e9lectionn\u00e9e.<\/p>\n<p><strong>Remarque:<\/strong> Effectuez une sauvegarde de vos fichiers de th\u00e8me avant d&#8217;apporter des modifications.<\/p>\n<p>\u00c0 l&#8217;int\u00e9rieur de votre boucle, o\u00f9 votre sujet affiche le post ou la vignette du post, remplacez-le par ce code: <\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\r\n<p>\r\n\">\r\n<\/p>\r\n\r\n\r\n\n\"><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/<?php%20bloginfo(\" url=\"\">\/ wp-content \/ uploads \/ category-images \/category_nicename; ?> - 150x150.jpg \"alt =\"\"\/>\n\r\n\r\n\r\n<\/pre>\n<p>Ce code recherche une miniature de publication. S&#8217;il en trouve un, il affiche la miniature du message. Sinon, recherchez la cat\u00e9gorie \u00e0 laquelle appartient une publication, puis affichez l&#8217;image de la cat\u00e9gorie. Nous avons ajout\u00e9 -150 \u00d7 150 dans le nom du fichier image, car il s&#8217;agit de la taille de la miniature de l&#8217;article dans notre rubrique de d\u00e9monstration. Votre sujet peut utiliser une taille diff\u00e9rente pour les miniatures de publication, vous devez donc utiliser cette taille \u00e0 la place. <\/p>\n<p>Veuillez noter que votre sujet peut d\u00e9j\u00e0 avoir une ligne et les lignes suivantes montrant la miniature du message. Vous pouvez sauter ces lignes si votre th\u00e8me les a d\u00e9j\u00e0. <\/p>\n<p>Voil\u00e0, nous esp\u00e9rons que cet article vous aidera \u00e0 ajouter une image de sauvegarde en fonction de la cat\u00e9gorie de publication. Pour les commentaires et questions, veuillez laisser un commentaire ci-dessous. <\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress\/#Configurer_des_images_de_categorie_dans_WordPress_sans_plugin\" >Configurer des images de cat\u00e9gorie dans WordPress sans plugin<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress\/#Afficher_les_images_de_categorie_dans_les_modeles_WordPress\" >Afficher les images de cat\u00e9gorie dans les mod\u00e8les WordPress<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-configurer-une-image-vedette-alternative-basee-sur-la-categorie-de-publication-dans-wordpress\/#Afficher_limage_de_la_categorie_comme_image_de_reservation_par_defaut\" >Afficher l&#8217;image de la cat\u00e9gorie comme image de r\u00e9servation par d\u00e9faut<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>R\u00e9cemment, l&#8217;un de nos utilisateurs nous a demand\u00e9 comment d\u00e9finir une miniature de publication de r\u00e9servation par d\u00e9faut pour des cat\u00e9gories sp\u00e9cifiques dans WordPress. Dans notre didacticiel pr\u00e9c\u00e9dent, nous avons montr\u00e9 comment d\u00e9finir une image de sauvegarde par d\u00e9faut pour le didacticiel de miniature de publication WordPress. Dans cet article, nous vous montrerons comment d\u00e9finir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14431,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-14430","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/14430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=14430"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/14430\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/14431"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=14430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=14430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=14430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}