{"id":237064,"date":"2022-03-30T10:01:00","date_gmt":"2022-03-30T07:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=237064"},"modified":"2022-05-16T10:56:56","modified_gmt":"2022-05-16T07:56:56","slug":"comment-ajouter-un-favicon-a-wordpress-en-5-minutes","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-favicon-a-wordpress-en-5-minutes\/","title":{"rendered":"Comment ajouter un favicon \u00e0 WordPress en 5 minutes"},"content":{"rendered":"<p>Regardez l&rsquo;onglet du navigateur maintenant.<\/p>\n<p>Voir l&rsquo;image \u00e0 gauche du titre de la page\u00a0?<\/p>\n<p>C&rsquo;est ce qu&rsquo;on appelle le &quot; <a href=\"https:\/\/en.wikipedia.org\/wiki\/Favicon\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">favicon<\/a> &quot;.<\/p>\n<p>Votre favicon appara\u00eet dans\u00a0:<\/p>\n<ul>\n<li>Onglets du navigateur<\/li>\n<li>Barres de favoris<\/li>\n<li>Application mobile<\/li>\n<\/ul>\n<p>Et r\u00e9cemment, il a m\u00eame commenc\u00e9 \u00e0 appara\u00eetre dans les r\u00e9sultats de recherche Google !<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c5ebb2b6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c5ebb2b6.png\" alt=\"Comment ajouter un favicon \u00e0 WordPress en 5 minutes\"><\/a><\/p>\n<p>Inutile de dire que votre favicon est une partie tr\u00e8s importante de votre site Web. C&rsquo;est pourquoi dans ce tutoriel, vous apprendrez les trois \u00e9tapes faciles pour ajouter votre propre favicon \u00e0 WordPress<\/p>\n<p><strong>Voir la vid\u00e9o<\/strong><\/p>\n<p>Vous pouvez regarder le didacticiel vid\u00e9o si vous pr\u00e9f\u00e9rez cela \u00e0 l&rsquo;article de blog \u00e9crit ci-dessous\u00a0:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/D-g_HdmWeHs\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous \u00e0 la cha\u00eene Youtube de Compete Themes<\/a><\/p>\n<h2>Comment ajouter un favicon avec WordPress<\/h2>\n<p>La premi\u00e8re \u00e9tape consiste \u00e0 visiter le Live Customizer (Apparence &gt; Personnaliser).<\/p>\n<p>Dans le personnalisateur, cliquez sur la section Identit\u00e9 du site en haut.<\/p>\n<p>Dans la section Identit\u00e9 du site, vous verrez une option en bas appel\u00e9e \u00ab\u00a0Ic\u00f4ne du site\u00a0\u00bb.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c609544c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c609544c.png\" alt=\"Comment ajouter un favicon \u00e0 WordPress en 5 minutes\"><\/a><\/p>\n<p>C&rsquo;est l\u00e0 que vous ajouterez votre favicon, mais avant de continuer, vous aurez besoin d&rsquo;une image \u00e0 t\u00e9l\u00e9charger.<\/p>\n<h3>Cr\u00e9ez votre image de favicon<\/h3>\n<p>WordPress recommande une image carr\u00e9e de 512px x 512px. Si vous savez utiliser un \u00e9diteur graphique comme GIMP, Photoshop ou Sketch, vous pouvez cr\u00e9er vous-m\u00eame cette image.<\/p>\n<p>Si vous ne savez pas comment cr\u00e9er l&rsquo;image vous-m\u00eame, consultez <a href=\"https:\/\/favicon.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">favicon.io<\/a>. C&rsquo;est un site gratuit qui vous permettra de cr\u00e9er rapidement une image de favicon personnalis\u00e9e.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c625aa64.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c625aa64.png\" alt=\"Comment ajouter un favicon \u00e0 WordPress en 5 minutes\"><\/a><\/p>\n<p>Cliquez sur le bouton &quot;G\u00e9n\u00e9rer \u00e0 partir du texte&quot; et vous serez redirig\u00e9 vers un \u00e9cran d&rsquo;\u00e9diteur simple.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c64a74f1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-180933-616f5c64a74f1.png\" alt=\"Comment ajouter un favicon \u00e0 WordPress en 5 minutes\"><\/a><\/p>\n<p>Vous pouvez modifier le texte, les couleurs, la police et la taille de la police en une minute pour cr\u00e9er votre propre image.<\/p>\n<p>Ce ne sera pas l&rsquo;image la plus professionnelle, mais ce sera joli. Sans oublier qu&rsquo;avoir une simple image de favicon est bien mieux que de ne pas avoir de favicon du tout.<\/p>\n<p>Lorsque vous t\u00e9l\u00e9chargez votre favicon, vous obtenez un fichier zip. Il y a une image \u00e0 l&rsquo;int\u00e9rieur de 512px &#8211; assurez-vous de l&rsquo;utiliser sur votre site.<\/p>\n<p>Une fois que vous avez votre image, vous \u00eates pr\u00eat \u00e0 la t\u00e9l\u00e9charger sur votre site.<\/p>\n<h3>T\u00e9l\u00e9chargez votre favicon<\/h3>\n<p>Maintenant que vous avez votre image, revenez \u00e0 la section Identit\u00e9 du site dans le personnalisateur et cliquez sur le bouton S\u00e9lectionner l&rsquo;ic\u00f4ne du site.<\/p>\n<p>Appuyez sur l&rsquo;onglet T\u00e9l\u00e9charger des fichiers dans le coin sup\u00e9rieur gauche et glissez-d\u00e9posez votre image de favicon dans la fen\u00eatre contextuelle. Une fois l&rsquo;image charg\u00e9e, appuyez sur le bouton S\u00e9lectionner dans le coin inf\u00e9rieur droit.<\/p>\n<p>Si vous t\u00e9l\u00e9chargez une image qui n&rsquo;est pas parfaitement carr\u00e9e, il vous sera demand\u00e9 de recadrer l&rsquo;image avant de pouvoir la s\u00e9lectionner.\u00a0<\/p>\n<p>Une fois que vous avez cliqu\u00e9 sur le bouton Publier, votre favicon sera ajout\u00e9.<\/p>\n<h2>Admirez votre magnifique nouveau favicon<\/h2>\n<p>L&rsquo;ic\u00f4ne de votre site appara\u00eetra imm\u00e9diatement dans les onglets du navigateur sur les ordinateurs portables, les tablettes et les appareils mobiles une fois publi\u00e9e.<\/p>\n<p>Bien qu&rsquo;il y ait eu des plugins utiles pour ajouter des favicons au fil des ans, l&rsquo;\u00e9quipe WP a fait un travail fantastique en int\u00e9grant cette fonctionnalit\u00e9 dans le Customizer. Cela ne pourrait pas \u00eatre plus facile de nos jours.<\/p>\n<p>Si vous souhaitez continuer \u00e0 am\u00e9liorer la conception de votre site, consultez mon article sur les conseils de conception pour am\u00e9liorer l&rsquo;apparence de votre site Web\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/fr\/9-regles-de-conception-simples-pour-rendre-votre-site-web-plus-beau\/\" title=\"9 r\u00e8gles de conception simples pour rendre votre site Web plus beau\">9 r\u00e8gles de conception simples pour rendre votre site Web plus beau<\/a><\/p>\n<p>Vous avez appr\u00e9ci\u00e9 ce post\u00a0? Utilisez les boutons ci-dessous pour le partager avec quelqu&rsquo;un d&rsquo;autre.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tous les autres sites ont cette image sympa dans l&rsquo;onglet du navigateur, alors pourquoi pas le v\u00f4tre ? Apprenez \u00e0 ajouter cette ic\u00f4ne \u00e0 votre site en quelques minutes avec WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257388,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-237064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=237064"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/237064\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/257388"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=237064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=237064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=237064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}