{"id":231719,"date":"2021-11-28T12:28:00","date_gmt":"2021-11-28T09:28:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231719"},"modified":"2022-05-16T10:40:22","modified_gmt":"2022-05-16T07:40:22","slug":"comment-ajouter-une-icone-de-lien-externe-aux-menus-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-une-icone-de-lien-externe-aux-menus-wordpress\/","title":{"rendered":"Comment ajouter une ic\u00f4ne de lien externe aux menus WordPress"},"content":{"rendered":"<p>Dans le dernier tutoriel que j&rsquo;ai publi\u00e9, vous avez appris \u00e0 <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-lien-externe-a-votre-menu-wordpress\/\" title=\"ajouter un lien externe \u00e0 votre menu\">ajouter un lien externe \u00e0 votre menu<\/a>.<\/p>\n<p>Maintenant, voici la chose\u2026<\/p>\n<p>Les liens externes dans le menu sont bien, mais ils sont assez rares. La plupart des visiteurs seront surpris lorsqu&rsquo;ils cliqueront sur un lien de menu et quitteront votre site. Ils peuvent m\u00eame penser que cela fait partie du m\u00eame site au d\u00e9but.<\/p>\n<p>Vous devez ajouter un indicateur visuel qui leur permet de savoir que le lien les m\u00e8nera vers un autre site, et la meilleure fa\u00e7on de le faire est d&rsquo;ajouter une ic\u00f4ne de lien externe.<\/p>\n<h2>Ajouter l&rsquo;ic\u00f4ne de lien externe<\/h2>\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\/wVIPxlVYv8Y\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Abonnez-vous aux th\u00e8mes de comp\u00e9tition sur Youtube<\/a><\/p>\n<p>Il existe plusieurs fa\u00e7ons d&rsquo;ajouter l&rsquo;ic\u00f4ne, mais je vais d&rsquo;abord vous montrer la m\u00e9thode la plus simple.<\/p>\n<p>Techniquement, il s&rsquo;agit de l&rsquo;ic\u00f4ne &quot;fl\u00e8che nord-est&quot; et non d&rsquo;une ic\u00f4ne de lien externe, mais elle fait passer le message lorsqu&rsquo;elle est plac\u00e9e juste \u00e0 c\u00f4t\u00e9 d&rsquo;un lien.<\/p>\n<p>Pour ajouter l&rsquo;ic\u00f4ne, commencez par ouvrir le personnalisateur (Apparence &gt; Personnaliser) et acc\u00e9dez au menu que vous souhaitez modifier.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6dd305c5.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-224002-6171d6dd305c5.png\" alt=\"Comment ajouter une ic\u00f4ne de lien externe aux menus WordPress\"><\/a><\/p>\n<p>Il s&rsquo;agit de la disposition des articles dans le th\u00e8me <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Challenger<\/a>.<\/p>\n<p>Dans mon exemple idiot, je cr\u00e9e un lien vers Google \ud83d\ude1b<\/p>\n<p>Cliquez sur l&rsquo;\u00e9l\u00e9ment de menu auquel vous souhaitez ajouter l&rsquo;ic\u00f4ne, puis copiez et collez ce code dans l&rsquo;\u00e9tiquette de navigation\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6df41c7f.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-224002-6171d6df41c7f.png\" alt=\"Comment ajouter une ic\u00f4ne de lien externe aux menus WordPress\"><\/a><\/p>\n<p>Assurez-vous d&rsquo;inclure tous les caract\u00e8res de l&rsquo;esperluette au point-virgule<\/p>\n<p>Voici comment il s&rsquo;affichera dans le menu\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224002-6171d6e0cfe78.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-224002-6171d6e0cfe78.png\" alt=\"Comment ajouter une ic\u00f4ne de lien externe aux menus WordPress\"><\/a><\/p>\n<p>Cette ic\u00f4ne est color\u00e9e car elle s&rsquo;affiche sous forme d&#8217;emoji. En tant qu&#8217;emoji, cela signifie \u00e9galement qu&rsquo;il s&rsquo;affiche un peu diff\u00e9remment selon l&rsquo;appareil avec lequel votre site est consult\u00e9. Vous pouvez pr\u00e9visualiser <a href=\"https:\/\/emojipedia.org\/north-east-arrow\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">son apparence sur diff\u00e9rents appareils ici<\/a>.<\/p>\n<p>Veuillez \u00e9galement noter que si vous avez d\u00e9sactiv\u00e9 la prise en charge des emoji sur votre site, l&rsquo;ic\u00f4ne s&rsquo;affichera sous la forme d&rsquo;une fl\u00e8che noire sans la bo\u00eete qui l&rsquo;entoure.<\/p>\n<p>Est-ce facile\u00a0? Copiez et collez quelques caract\u00e8res et le tour est jou\u00e9\u00a0!<\/p>\n<p>Le seul probl\u00e8me avec cette approche est que l&rsquo;ic\u00f4ne n&rsquo;est pas personnalisable. Si la couleur entre en conflit avec votre marque, vous devrez peut-\u00eatre essayer cette solution suivante.<\/p>\n<h2>Une solution plus personnalisable<\/h2>\n<p>Bien qu&rsquo;il existe des moyens d&rsquo;ajouter des ic\u00f4nes avec un peu de CSS, je pr\u00e9f\u00e9rerais que vous n&rsquo;essayiez pas d&rsquo;\u00e9crire et de modifier du code.<\/p>\n<p>Au lieu de cela, consultez ce didacticiel sur l&rsquo; <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ajouter-des-images-aux-elements-de-menu-dans-wordpress\/\" title=\"ajout d&#039;images aux \u00e9l\u00e9ments de menu\">ajout d&rsquo;images aux \u00e9l\u00e9ments de menu<\/a>. De cette fa\u00e7on, vous pouvez trouver n&rsquo;importe quelle image que vous voulez, puis l&rsquo;ajouter avant ou apr\u00e8s l&rsquo;\u00e9l\u00e9ment de menu. Vous pouvez \u00e9galement trouver d&rsquo;autres moyens d&rsquo;utiliser le plugin pr\u00e9sent\u00e9 dans cet article.<\/p>\n<h2>Ouvrir le lien dans un nouvel onglet<\/h2>\n<p>Avant de partir, il y a encore une chose \u00e0 faire\u2026<\/p>\n<p>D\u00e9finissez l&rsquo;\u00e9l\u00e9ment de menu pour qu&rsquo;il s&rsquo;ouvre dans un nouvel onglet.<\/p>\n<p>L&rsquo;ic\u00f4ne de lien externe aide beaucoup et de nombreux visiteurs ouvriront le lien dans un nouvel onglet, mais juste par mesure de s\u00e9curit\u00e9, nous ferons en sorte que le lien soit toujours ouvert dans un nouvel onglet. Cela vous aidera \u00e0 garder plus de visiteurs durement gagn\u00e9s sur votre site.<\/p>\n<p>Il est en fait tr\u00e8s difficile de comprendre les \u00e9l\u00e9ments de menu dans un nouvel onglet, car le param\u00e8tre est masqu\u00e9 par d\u00e9faut. Suivez <a href=\"https:\/\/themewp.inform.click\/fr\/comment-ouvrir-les-liens-wordpress-dans-de-nouveaux-onglets\/\" title=\"ce guide sur l&#039;ouverture de liens dans de nouveaux onglets\">ce guide sur l&rsquo;ouverture de liens dans de nouveaux onglets<\/a> pour voir comment terminer cette derni\u00e8re \u00e9tape.<\/p>\n<h2>Conclusion<\/h2>\n<p>Il existe de nombreuses raisons d&rsquo;ajouter un lien externe \u00e0 votre menu. Cependant, sans indicateur, ils peuvent entra\u00eener une mauvaise exp\u00e9rience utilisateur.<\/p>\n<p>En ajoutant une ic\u00f4ne \u00e0 l&rsquo;\u00e9l\u00e9ment de menu, les visiteurs sauront qu&rsquo;ils sont sur le point de quitter le site avant de cliquer. De plus, l&rsquo;ouverture de la page dans un nouvel onglet les emp\u00eachera de quitter accidentellement votre site.<\/p>\n<p>Si vous avez des questions ou des commentaires sur ce tutoriel, laissez un commentaire ci-dessous.<\/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>Ne confondez pas vos visiteurs ! Ajoutez une simple ic\u00f4ne pour \u00e9tiqueter clairement les liens externes dans votre menu en suivant ce didacticiel simple et rapide.<\/p>\n","protected":false},"author":1,"featured_media":22094,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-231719","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\/231719","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=231719"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/231719\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/22094"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=231719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=231719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=231719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}