{"id":226935,"date":"2022-09-06T18:03:00","date_gmt":"2022-09-06T15:03:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226935"},"modified":"2022-11-09T01:51:02","modified_gmt":"2022-11-08T22:51:02","slug":"image-vedette-de-wordpress-quest-ce-que-cest-et-comment-en-ajouter-une","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/image-vedette-de-wordpress-quest-ce-que-cest-et-comment-en-ajouter-une\/","title":{"rendered":"Image vedette de WordPress : qu&rsquo;est-ce que c&rsquo;est et comment en ajouter une"},"content":{"rendered":"\n<p>Vous le voyez partout, mais vous n&rsquo;y connaissez pas grand-chose. C&rsquo;est l&rsquo;image vedette de WordPress. D\u00e9couvrons-en plus \u00e0 ce sujet.<\/p>\n<p>Vous savez sans doute que chaque magazine physique d\u00e9pend des images. Avant que ces magazines ne soient mis en ligne, les \u00e9diteurs utilisaient des m\u00e9dias visuels pour s&rsquo;assurer que les gens \u00e9taient incit\u00e9s \u00e0 lire les histoires.<\/p>\n<p>Maintenant, avant m\u00eame de commencer \u00e0 vous demander \u00e0 quel point les images sont importantes, demandez-vous \u00e0 quel point aimeriez-vous votre magazine pr\u00e9f\u00e9r\u00e9 sans celui-ci\u00a0? Seriez-vous aussi int\u00e9ress\u00e9 que vous l&rsquo;\u00eates maintenant s&rsquo;il n&rsquo;y avait pas d&rsquo;images de votre voiture pr\u00e9f\u00e9r\u00e9e, de votre nourriture ou de votre mode\u00a0?<\/p>\n<p>L&rsquo;image en vedette de WordPress est une fonctionnalit\u00e9 assez populaire, et la plupart des th\u00e8mes d&rsquo;aujourd&rsquo;hui prennent en charge une image miniature ou des photos en vedette lorsque vous ajoutez un article. Une image s\u00e9lectionn\u00e9e a pour objectif de montrer le contenu, ou le th\u00e8me, d&rsquo;un article ou d&rsquo;une page.<\/p>\n<p>Il existe plusieurs variables pour une bonne image en vedette. Par exemple, il n&rsquo;y a pas de meilleure taille pr\u00e9d\u00e9finie pour l&rsquo;image en vedette dans WordPress, cela d\u00e9pend donc de votre cas sp\u00e9cifique. La taille de la vignette WordPress doit \u00e9galement \u00eatre suffisante pour afficher correctement l&rsquo;image, et les utilisateurs doivent pouvoir voir ce qu&rsquo;est l&rsquo;image \u00e0 partir de la vignette.<\/p>\n<p>Il n&rsquo;y a g\u00e9n\u00e9ralement qu&rsquo;une seule image en vedette, et elle est utilis\u00e9e pour am\u00e9liorer la pr\u00e9sentation de votre site. Ci-dessous, vous verrez comment ajouter une image miniature ou une image en vedette, comment modifier la taille de l&rsquo;image en vedette dans WordPress, etc.<\/p>\n<h3><strong>Qu&rsquo;est-ce qu&rsquo;une image s\u00e9lectionn\u00e9e\u00a0?<\/strong><\/h3>\n<p>M\u00eame si vous pourriez \u00eatre enclin \u00e0 penser qu&rsquo;il ne s&rsquo;agit que d&rsquo;un autre fichier multim\u00e9dia, l&rsquo;image de la vignette m\u00e9rite une attention particuli\u00e8re, car c&rsquo;est ce que vous utiliserez pour attirer l&rsquo;attention de vos visiteurs. C&rsquo;est ce que vous utiliserez pour attirer les individus vers la lecture de vos histoires, ainsi que pour am\u00e9liorer la qualit\u00e9 visuelle de votre blog. Et, il joue \u00e9galement un r\u00f4le assez crucial dans le partage des m\u00e9dias sociaux. L&rsquo;importance de cette image ne doit donc pas \u00eatre n\u00e9glig\u00e9e.<\/p>\n<p>Vous constaterez qu&rsquo;il n&rsquo;y a pas si longtemps, de nombreux th\u00e8mes WordPress populaires ne prenaient pas en charge une image en vedette, et ce n&rsquo;\u00e9tait pas aussi simple que de faire en sorte que WordPress obtienne l&rsquo;image en vedette que vous aimez et la mette sur votre message. M\u00eame les quelques personnes qui avaient des images en vedette avaient tendance \u00e0 faire face \u00e0 des probl\u00e8mes tels que l&rsquo;image en vedette de WordPress qui ne s&rsquo;affichait pas, etc. Cependant, les temps ont chang\u00e9 et la plupart des th\u00e8mes disponibles en ligne sont pr\u00eats pour les images en vedette.<\/p>\n<h3><strong>O\u00f9 apparaissent-ils sur votre site\u00a0?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3e05ced.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3e05ced.jpg\" alt=\"Image vedette de WordPress : qu&#039;est-ce que c&#039;est et comment en ajouter une\" ><\/a><\/p>\n<p>Les images pr\u00e9sent\u00e9es ont tendance \u00e0 vivre sous les projecteurs de votre page d&rsquo;accueil. Ce sont les vignettes qui repr\u00e9sentent l&rsquo;ensemble de la publication et elles renvoient g\u00e9n\u00e9ralement directement \u00e0 la publication. Lorsque vous s\u00e9lectionnez une image en vedette, vous d\u00e9finissez le ton de votre histoire. Et, tout comme une bonne photo peut inciter un visiteur \u00e0 lire l&rsquo;int\u00e9gralit\u00e9 de l&rsquo;article, une mauvaise peut le dissuader compl\u00e8tement.<\/p>\n<p>Ces m\u00eames images en vedette apparaissent g\u00e9n\u00e9ralement en haut des publications individuelles, ainsi que des pages et des types de publication personnalis\u00e9s dans WordPress. Selon le th\u00e8me que vous utilisez, l&rsquo;image s\u00e9lectionn\u00e9e peut appara\u00eetre un peu en dessous ou au-dessus du titre. La taille de l&rsquo;image pr\u00e9sent\u00e9e dans WordPress d\u00e9pend \u00e9galement du th\u00e8me et d\u00e9pend g\u00e9n\u00e9ralement du d\u00e9veloppeur qui a travaill\u00e9 sur les d\u00e9tails.<\/p>\n<p>Maintenant, toujours selon le th\u00e8me, vous avez peut-\u00eatre pr\u00e9sent\u00e9 des images ailleurs. Par exemple, si vous avez un widget de publications r\u00e9centes, il peut afficher des vignettes de publication pour un peu de style et pour attirer un peu l&rsquo;attention. Certains afficheront m\u00eame les images dans les pages d&rsquo;administration, \u00e0 c\u00f4t\u00e9 des publications attribu\u00e9es.<\/p>\n<p>Jetons un coup d&rsquo;\u0153il \u00e0 quelques trucs et astuces pour les images en vedette.<\/p>\n<h3><strong>Comment affichez-vous les images en vedette dans les publications individuelles\u00a0?<\/strong><\/h3>\n<p>Vous devrez trouver le fichier de th\u00e8me qui rend ces messages individuels et uniques. Ce fichier est commun\u00e9ment appel\u00e9 <strong>single.php.<\/strong> Il y a une boucle <strong>while()<\/strong> \u00e0 l&rsquo;int\u00e9rieur, ajoutez-y le code suivant\u00a0:<\/p>\n<p><code>&lt;?php if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; ?&gt;<\/code><\/p>\n<p>Ce code v\u00e9rifiera s&rsquo;il y a une image pour la publication ou la page, puis utilisera la fonction &quot;get_the_post_thumbnail()&quot; pour l&rsquo;imprimer. Voici \u00e0 quoi la boucle devrait ressembler une fois que vous aurez int\u00e9gr\u00e9 le nouveau code\u00a0:<\/p>\n<p><code>&lt;?php while (have_posts() ): the_post(); if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; endwhile; ?&gt;<\/code><\/p>\n<h3>Comment ajouter une image vedette\u00a0?<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3f423f1.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af3f423f1.jpg\" alt=\"Image vedette de WordPress : qu&#039;est-ce que c&#039;est et comment en ajouter une\" ><\/a><\/p>\n<p>C&rsquo;est assez simple. Il existe une option int\u00e9gr\u00e9e pour que WordPress affiche l&rsquo;image en vedette, et elle se trouve sur le c\u00f4t\u00e9 droit de l&rsquo;\u00e9cran. Si vous ne le voyez pas, assurez-vous d&rsquo;avoir coch\u00e9 la case &quot;Image en vedette&quot; dans l&rsquo;onglet &quot;Options d&rsquo;\u00e9cran&quot; dans le coin sup\u00e9rieur droit.<\/p>\n<p>Sur un nouveau site, l&rsquo;onglet Image en vedette se trouve en bas de cette barre lat\u00e9rale droite. Cliquez simplement sur le lien &quot;D\u00e9finir l&rsquo;image s\u00e9lectionn\u00e9e&quot;, et une nouvelle fen\u00eatre s&rsquo;ouvrira, votre m\u00e9diath\u00e8que. Choisissez simplement n&rsquo;importe quelle image que vous avez d\u00e9j\u00e0 sur votre site Web ou utilisez le glisser-d\u00e9poser pour en t\u00e9l\u00e9charger une nouvelle depuis votre ordinateur. Une fois que vous avez fait votre choix, cliquez sur &quot;D\u00e9finir l&rsquo;image s\u00e9lectionn\u00e9e&quot;.<\/p>\n<h3>Comment supprimer une image s\u00e9lectionn\u00e9e\u00a0?<\/h3>\n<p>Lorsque vous souhaitez supprimer votre image en vedette, ouvrez simplement l&rsquo;\u00e9diteur de publication ou d&rsquo;image, puis cliquez sur l&rsquo;ic\u00f4ne X dans le module Image en vedette. Si vous le supprimez, votre image d&rsquo;en-t\u00eate personnalis\u00e9e s&rsquo;affichera \u00e0 la place.<\/p>\n<h3>Images alternatives en vedette<\/h3>\n<p>Outre les images d&rsquo;en-t\u00eate en vedette, vous constaterez que de nombreux th\u00e8mes offrent \u00e9galement un support pour les images en vedette alternatives. Ceux-ci peuvent inclure des \u00e9l\u00e9ments tels que des vignettes de publication, des diaporamas et m\u00eame des images jointes aux publications en vedette.<\/p>\n<h3>Mais que se passe-t-il si le th\u00e8me que vous avez choisi n&rsquo;a pas d&rsquo;option d&rsquo;image en vedette ?<\/h3>\n<p>M\u00eame si, comme mentionn\u00e9 pr\u00e9c\u00e9demment, la plupart des th\u00e8mes sont pr\u00eats pour les images en vedette, vous trouverez ici et l\u00e0 l&rsquo;intrus qui n&rsquo;offre pas une telle fonctionnalit\u00e9. Il existe d&rsquo;autres fa\u00e7ons d&rsquo;en ajouter un, soit manuellement, soit avec un plug-in. Vous verrez ci-dessous comment le faire avec l&rsquo;une de ces m\u00e9thodes. Les plugins mentionn\u00e9s ci-dessous sont incroyables, et vous pouvez m\u00eame les utiliser pour laisser WordPress g\u00e9rer automatiquement les images en vedette.<\/p>\n<h3>Le faire manuellement<\/h3>\n<p>Si vous voulez faire les choses manuellement, les choses sont assez simples. Allez dans le fichier <strong>functions.php<\/strong> de votre th\u00e8me, et ajoutez le code ci-dessous :<\/p>\n<p><code>function mytheme_post_thumbnails() { add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme', 'mytheme_post_thumbnails' );<\/code><\/p>\n<p>Et vous avez pratiquement termin\u00e9.<\/p>\n<h3>Et si vous utilisiez des plugins pour cela ?<\/h3>\n<p>Deux plugins que vous pouvez utiliser sont Dynamic Featured Image et Quick Featured Images. Jetons un coup d&rsquo;\u0153il aux deux.<\/p>\n<h4><a href=\"https:\/\/wordpress.org\/plugins\/dynamic-featured-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Image s\u00e9lectionn\u00e9e dynamique<\/a><\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/dynamic-featured-image\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af40448f8.jpg\" alt=\"Image vedette de WordPress : qu&#039;est-ce que c&#039;est et comment en ajouter une\" \/><\/a><\/p>\n<p>Lorsque vous consid\u00e9rez le fait qu&rsquo;il y a plus de 70 000 utilisateurs actifs de ce plugin, il est clair que de nombreux th\u00e8mes n\u00e9cessitent encore un peu plus de soin lorsque nous discutons des vignettes de publication. Ce plugin vous permet d&rsquo;ajouter plusieurs images, vous n&rsquo;avez donc plus \u00e0 d\u00e9pendre d&rsquo;une seule qui est couramment disponible. Le plugin pr\u00e9parera les images et laissera \u00e9galement d&rsquo;autres fonctions de th\u00e8me y acc\u00e9der si n\u00e9cessaire, sans que vous ayez besoin de faire quoi que ce soit.<\/p>\n<p>Lorsque vous devez travailler avec d&rsquo;autres plugins n\u00e9cessitant des images en vedette, ainsi que des curseurs qui les affichent \u00e0 vos utilisateurs, c&rsquo;est un excellent choix. Et, il existe \u00e9galement une version premium si vous souhaitez \u00e9galement ajouter quelques autres fonctions.<\/p>\n<h4><a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Images en vedette rapides<\/a><\/h4>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-196794-61e8af4144a81.jpg\" alt=\"Image vedette de WordPress : qu&#039;est-ce que c&#039;est et comment en ajouter une\" \/><\/a><\/p>\n<p>Quick Featured Images est extr\u00eamement simple. A partir du moment o\u00f9 vous l&rsquo;installez, vous pouvez aller de l&rsquo;avant et tout mettre en pilote automatique. Il vous permet de d\u00e9finir une image s\u00e9lectionn\u00e9e par d\u00e9faut, donc chaque fois que vous oubliez d&rsquo;en d\u00e9finir une, elle revient \u00e0 la vignette par d\u00e9faut. Il vous permet \u00e9galement de supprimer ou de remplacer des images \u00e0 partir d&rsquo;un certain nombre de publications s\u00e9lectionn\u00e9es, \u00e0 la fois.<\/p>\n<p>Et, en plus, il y a la possibilit\u00e9 d&rsquo;ajouter une image dans une colonne d&rsquo;image triable, dans des listes de pages, de messages et de types de messages personnalis\u00e9s. Vous trouverez \u00e9galement des filtres et des r\u00e8gles pour modifier la fa\u00e7on dont votre site g\u00e8re les miniatures des publications. Et le meilleur de tous &#8211; c&rsquo;est gratuit!<\/p>\n<h3>Fin des r\u00e9flexions sur l&rsquo;image en vedette de WordPress<\/h3>\n<p>Les images en vedette font partie des fichiers multim\u00e9dias les plus importants que vous aurez sur votre blog. Par cons\u00e9quent, leur donner une belle apparence est plus important que vous ne le pensez. Bien s\u00fbr, avoir une image informatique bien g\u00e9n\u00e9r\u00e9e ou une belle photo est essentiel, la rendre aussi belle que possible est vraiment quelque chose que vous devriez faire.<\/p>\n<p>Heureusement, vous n&rsquo;avez pas besoin d&rsquo;\u00eatre un d\u00e9veloppeur ou d&rsquo;avoir une compr\u00e9hension compl\u00e8te du traitement d&rsquo;image de WordPress pour cela. Tout ce dont vous avez besoin est un petit extrait de code ou un simple plugin, et nous esp\u00e9rons que le guide ci-dessus vous aidera.<\/p>\n<p>Si vous avez aim\u00e9 lire cet article sur la fa\u00e7on d&rsquo;ajouter une image vedette WordPress, vous devriez consulter celui-ci sur <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-reinitialiser-wordpress-a-ses-parametres-par-defaut\/\" title=\"la fa\u00e7on de r\u00e9initialiser WordPress\">la fa\u00e7on de r\u00e9initialiser WordPress<\/a>.<\/p>\n<p>Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que la modification <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/roles-dutilisateur-de-wordpress-quest-ce-que-cest-et-comment-les-modifier\/\" title=\"des r\u00f4les d&#039;utilisateur WordPress\">des r\u00f4les d&rsquo;utilisateur WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-dupliquer-une-page-dans-wordpress\/\" title=\"la duplication d&#039;une page dans WordPress\">la duplication d&rsquo;une page dans WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-editer-du-html-dans-wordpress-la-solution-sans-stress\/\" title=\"la modification du code HTML dans WordPress\">la modification du code HTML dans WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-integrer-facilement-des-videos-dans-wordpress\/\" title=\"l&#039;int\u00e9gration de vid\u00e9o dans WordPress\">l&rsquo;int\u00e9gration de vid\u00e9o dans WordPress<\/a>, la <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/changer-lurl-de-wordpress-comment-le-faire-sans-se-tromper\/\" title=\"modification de l&#039;URL de WordPress\">modification de l&rsquo;URL de WordPress<\/a> et l&rsquo; <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/ajouter-javascript-a-wordpress-comment-le-faire-facilement\/\" title=\"ajout de JavaScript \u00e0 WordPress\">ajout de JavaScript \u00e0 WordPress<\/a>. .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;image en vedette de WordPress est une fonctionnalit\u00e9 assez populaire, et la plupart des th\u00e8mes d&rsquo;aujourd&rsquo;hui la prennent en charge lorsque vous ajoutez une publication.<\/p>\n","protected":false},"author":1,"featured_media":196795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[832,841,862],"tags":[1167],"class_list":["post-226935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-pour-les-debutants","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=226935"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/226935\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/196795"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=226935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=226935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=226935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}