{"id":235697,"date":"2022-03-13T13:26:00","date_gmt":"2022-03-13T10:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235697"},"modified":"2022-04-27T11:49:39","modified_gmt":"2022-04-27T08:49:39","slug":"comment-creer-un-lien-vers-une-partie-specifique-dune-page-wordpress-etape-par-etape","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-un-lien-vers-une-partie-specifique-dune-page-wordpress-etape-par-etape\/","title":{"rendered":"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&rsquo;une page WordPress (\u00e9tape par \u00e9tape)"},"content":{"rendered":"<p>Si vous avez une longue page sur votre site, lier les visiteurs directement \u00e0 une section de cette page peut \u00eatre plus utile qu&rsquo;un lien classique.<\/p>\n<p>Heureusement, l&rsquo; <a href=\"https:\/\/themewp.inform.click\/kak-ispolzovat-redaktor-blokov-wordpress-osnovnoe-rukovodstvo-po-gutenbergu\/\" title=\"\u00e9diteur Gutenberg\">\u00e9diteur Gutenberg<\/a> a rendu cela facile et vous n&rsquo;avez pas besoin d&rsquo;installer de nouveaux plugins.<\/p>\n<p>Et juste pour \u00eatre clair, je parle d&rsquo;un lien comme celui-ci qui vous am\u00e8nera \u00e0 la rubrique ci-dessous: faites <a href=\"#first-heading\">d\u00e9filer jusqu&rsquo;\u00e0 la rubrique suivante<\/a>.<\/p>\n<p>Vous apprendrez \u00e0 cr\u00e9er des liens comme celui-ci dans ce didacticiel, qui peut renvoyer \u00e0 la m\u00eame page ou \u00e0 une section sur une page distincte.<\/p>\n<p>Ce didacticiel comprend \u00e9galement des <strong>\u00e9tapes pour l&rsquo;\u00e9diteur classique<\/strong>, mais veuillez d&rsquo;abord lire le reste de l&rsquo;article pour savoir comment lier correctement.<\/p>\n<h2>Comment cr\u00e9er un lien vers une partie d&rsquo;une page<\/h2>\n<p>Si vous pr\u00e9f\u00e9rez des didacticiels vid\u00e9o, vous pouvez suivre ce didacticiel \u00e9tape par \u00e9tape au lieu de lire les instructions de cet article.<\/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\/ghVHEzlLVqw\" 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>Pour cr\u00e9er un lien vers une partie sp\u00e9cifique d&rsquo;une page, vous devez faire deux choses.<\/p>\n<ol>\n<li>Ajouter une ancre \u00e0 lier<\/li>\n<li>Lien vers l&rsquo;ancre<\/li>\n<\/ol>\n<p>Tout d&rsquo;abord, vous avez besoin d&rsquo;un moyen de d\u00e9signer l&rsquo;\u00e9l\u00e9ment auquel vous allez cr\u00e9er un lien. Cela peut \u00eatre n&rsquo;importe quel \u00e9l\u00e9ment, mais nous utiliserons un en-t\u00eate car c&rsquo;est l&rsquo;\u00e9l\u00e9ment le plus courant vers lequel \u00e9tablir un lien.<\/p>\n<p>Une fois l&rsquo;ancre ajout\u00e9e, il vous suffit de cr\u00e9er un lien vers celle-ci \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur de liens normal et d&rsquo;un format d&rsquo;URL l\u00e9g\u00e8rement diff\u00e9rent.<\/p>\n<p>Ce sera facile \u00e0 comprendre dans la pratique, alors commen\u00e7ons.<\/p>\n<h3>Comment ajouter une ancre \u00e0 un titre<\/h3>\n<p>Commencez par s\u00e9lectionner un bloc d&rsquo;en-t\u00eate dans l&rsquo;\u00e9diteur. Vous verrez une section Avanc\u00e9 dans la barre lat\u00e9rale droite qui est r\u00e9duite par d\u00e9faut.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.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-187307-61702a1bc135c.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>Ouvrez la section Avanc\u00e9 et la premi\u00e8re chose que vous verrez est l&rsquo;option d&rsquo;ancrage HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.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-187307-61702a1da4d9e.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>WordPress appelle cela une ancre, mais les d\u00e9veloppeurs l&rsquo;appellent l&rsquo;ID de l&rsquo;\u00e9l\u00e9ment<\/p>\n<p>Dans le champ d&rsquo;ancrage HTML, attribuez \u00e0 l&rsquo;en-t\u00eate un nom court et descriptif. Il ne peut pas contenir d&rsquo;espaces, mais vous pouvez utiliser des tirets pour s\u00e9parer les mots. Par exemple, une section sur l&rsquo;alimentation dans un article sur les soins d&rsquo;un chien pourrait avoir un point d&rsquo;ancrage comme \u00ab\u00a0r\u00e9gime\u00a0\u00bb ou \u00ab\u00a0r\u00e9gime pour chien\u00a0\u00bb.<\/p>\n<p>Une fois que vous avez ajout\u00e9 l&rsquo;ancre, vous \u00eates pr\u00eat \u00e0 vous y connecter.<\/p>\n<h3>Comment lier \u00e0 une ancre<\/h3>\n<p>Les \u00e9tapes sont l\u00e9g\u00e8rement diff\u00e9rentes selon que le lien se trouve sur la m\u00eame page ou non. Commen\u00e7ons par les m\u00eames liens de page.<\/p>\n<p>Pour cr\u00e9er un lien vers une ancre sur la m\u00eame page, mettez en surbrillance le texte que vous souhaitez lier et cliquez sur l&rsquo;ic\u00f4ne de lien (ou utilisez le raccourci cmd+k).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.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-187307-61702a1f81764.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>Ensuite, dans le champ URL, saisissez un hashtag suivi de l&rsquo;ancre.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.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-187307-61702a214c345.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>WordPress ajoute m\u00eame une \u00e9tiquette pour vous faire savoir qu&rsquo;il s&rsquo;agit d&rsquo;un lien \u00abinterne \u00bb<\/p>\n<p>Une fois que vous appuyez sur Entr\u00e9e, le lien sera ajout\u00e9. Vous pouvez pr\u00e9visualiser l&rsquo;article pour l&rsquo;essayer tout de suite.<\/p>\n<p>Pour utiliser cette technique pour une ancre sur une page diff\u00e9rente, l&rsquo;URL a besoin d&rsquo;une petite modification.<\/p>\n<p>La seule diff\u00e9rence est que vous ajouterez d&rsquo;abord l&rsquo;URL compl\u00e8te, suivie du hashtag et de l&rsquo;ancre, comme ceci\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.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-187307-61702a2317207.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>Le lien peut ne pas fonctionner sans la barre oblique \u00e0 la fin de l&rsquo;URL avant l&rsquo;ancre, alors assurez-vous de l&rsquo;inclure \u00e0 chaque fois. Cela peut \u00e9galement <a href=\"https:\/\/themewp.inform.click\/vse-36-sposobov-uskorit-rabotu-vashego-sajta-na-wordpress\/\" title=\"acc\u00e9l\u00e9rer le chargement de votre site\">acc\u00e9l\u00e9rer le chargement de votre site<\/a> en sautant la redirection automatique vers la version \u00e0 barre oblique inverse de l&rsquo;URL.<\/p>\n<p>Cela couvre probablement tout ce que vous devez savoir sur l&rsquo;ajout de liens d&rsquo;ancrage internes \u00e0 WordPress, mais j&rsquo;ai quelques conseils suppl\u00e9mentaires pour les esprits curieux.<\/p>\n<p>Vous pouvez utiliser cette m\u00eame technique pour cr\u00e9er un <a href=\"https:\/\/themewp.inform.click\/11-luchshih-odnostranichnyh-tem-wordpress\/\" title=\"site Web d&#039;une page\">site Web d&rsquo;une page<\/a>.<\/p>\n<p>Avec un site d&rsquo;une page, vous n&rsquo;avez qu&rsquo;une page d&rsquo;accueil et le menu relie les visiteurs \u00e0 diff\u00e9rentes sections de cette page plut\u00f4t qu&rsquo;\u00e0 des pages enti\u00e8rement nouvelles.<\/p>\n<p>Pour cr\u00e9er ce type de site, vous allez cr\u00e9er vos ancres en utilisant la m\u00eame m\u00e9thode que vous venez d&rsquo;apprendre. Ensuite, vous pouvez ouvrir votre menu dans le personnalisateur et utiliser la section Liens personnalis\u00e9s pour cr\u00e9er un lien vers vos ancres.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.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-187307-61702a24dc72b.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>Si vous utilisez cette technique pour un site Web de plusieurs pages, assurez-vous d&rsquo;inclure l&rsquo;URL compl\u00e8te avant le hashtag.<\/p>\n<h2>Comment lier \u00e0 d&rsquo;autres \u00e9l\u00e9ments<\/h2>\n<p>Les en-t\u00eates ne sont pas les seuls \u00e9l\u00e9ments qui incluent l&rsquo;option d&rsquo;ancrage HTML.<\/p>\n<p>Vous pouvez \u00e9galement ajouter des ancres \u00e0\u00a0:<\/p>\n<ul>\n<li>Paragraphes<\/li>\n<li>Images<\/li>\n<li>Listes<\/li>\n<li>Galeries<\/li>\n<li>les tables<\/li>\n<li>Devis<\/li>\n<\/ul>\n<p>En fait, en parcourant les blocs Gutenberg, je n&rsquo;en ai trouv\u00e9 aucun qui ne supportait pas l&rsquo;option d&rsquo;ancrage HTML.<\/p>\n<p>Cela dit, si vous utilisez un bloc ajout\u00e9 par un plugin, il pourrait manquer cette option. De plus, l&rsquo;option d&rsquo;ancrage n&rsquo;est pas disponible si vous utilisez l&rsquo;\u00e9diteur classique, voici donc comment vous pouvez modifier le code HTML pour ajouter une ancre \u00e0 n&rsquo;importe quel \u00e9l\u00e9ment de votre site.<\/p>\n<h2>Comment ajouter des liens d&rsquo;ancrage avec HTML<\/h2>\n<p>Si vous utilisez l&rsquo;\u00e9diteur classique (ou un bloc manquant du champ d&rsquo;ancrage HTML), il y a quelques \u00e9tapes suppl\u00e9mentaires pour ajouter le lien.<\/p>\n<p><strong>La fa\u00e7on dont vous vous connectez \u00e0 l&rsquo;ancre est la m\u00eame<\/strong>. La seule diff\u00e9rence est la fa\u00e7on dont vous ajoutez l&rsquo;ancre \u00e0 l&rsquo;\u00e9l\u00e9ment.<\/p>\n<p>Pour ajouter l&rsquo;ancre, vous devez modifier le code HTML. Dans l&rsquo;\u00e9diteur Gutenberg, vous pouvez ouvrir le menu d&rsquo;options du bloc et s\u00e9lectionner Modifier en HTML. Dans l&rsquo;\u00e9diteur classique, utilisez les onglets en haut \u00e0 droite pour passer de la vue Visuelle \u00e0 la vue Texte.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.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-187307-61702a2684f8f.png\" alt=\"Comment cr\u00e9er un lien vers une partie sp\u00e9cifique d&#039;une page WordPress (\u00e9tape par \u00e9tape)\"><\/a><\/p>\n<p>Lorsque vous affichez le code HTML, vous verrez que vos en-t\u00eates sont entour\u00e9s de balises HTML comme celle-ci\u00a0:<\/p>\n<pre><code>&lt;h3&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Pour ajouter une ancre, vous devez ajouter l&rsquo;attribut ID \u00e0 l&rsquo;en-t\u00eate. Voici un exemple donnant \u00e0 la rubrique une ancre appel\u00e9e \u00abdog-diet\u00bb :<\/p>\n<pre><code>&lt;h3 id=\"dog-diet\"&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Chaque \u00e9l\u00e9ment HTML peut utiliser l&rsquo;attribut ID, vous n&rsquo;\u00eates donc pas limit\u00e9 aux titres. Dans l&rsquo;\u00e9diteur classique, une grande partie du code HTML n&rsquo;appara\u00eet pas, mais vous pouvez toujours envelopper une section dans des balises \u00ab\u00a0div\u00a0\u00bb pour ajouter une ancre, comme ceci\u00a0:<\/p>\n<pre><code>&lt;div id=\"link-target\"&gt;<\/code><\/pre>\n<p>L&rsquo;ajout de l&rsquo;\u00e9l\u00e9ment div ne fera aucune diff\u00e9rence visuelle sur la page, mais cela vous permettra de cr\u00e9er un lien direct vers ces paragraphes.<\/p>\n<p>L&rsquo;\u00e9dition du code HTML comme celle-ci fonctionne exactement de la m\u00eame mani\u00e8re, que vous utilisiez Gutenberg ou l&rsquo;\u00e9diteur classique. Une fois l&rsquo;ancre en place, il ne vous reste plus qu&rsquo;\u00e0 vous y connecter en utilisant la m\u00e9thode d\u00e9crite ci-dessus.<\/p>\n<h3>Continuez \u00e0 apprendre WordPress<\/h3>\n<p>Avec une connaissance des liens d&rsquo;ancrage et un peu de HTML, vous pouvez cr\u00e9er un lien vers n&rsquo;importe quelle section sur n&rsquo;importe quelle page de n&rsquo;importe o\u00f9 sur votre site.<\/p>\n<p>Si l&rsquo;apprentissage de nouvelles techniques WordPress est passionnant et enrichissant pour vous, vous adorerez probablement mon cours gratuit par e-mail WordPress :<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Suivez le cours de 7 jours sur la ma\u00eetrise de WordPress par e-mail<\/a><\/p>\n<p>Si vous ne l&rsquo;aimez pas, vous pouvez vous d\u00e9sinscrire en un clic, mais je suis certain que vous r\u00e9cup\u00e9rerez au moins un nouveau conseil pr\u00e9cieux. Le cours par e-mail de 7 jours propose des tactiques de conception, de marketing et de performance pour cr\u00e9er un site Web de meilleure qualit\u00e9.<\/p>\n<p>Merci d&rsquo;avoir lu ce guide sur la fa\u00e7on de cr\u00e9er des liens vers des parties de pages dans WordPress, et veuillez envisager de le partager avec quelqu&rsquo;un d&rsquo;autre en utilisant les boutons sociaux 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>Apprenez \u00e0 cr\u00e9er un lien vers une partie sp\u00e9cifique de n&rsquo;importe quel article ou page WordPress. Cela ne prend qu&rsquo;une minute et ne n\u00e9cessite aucun nouveau plugin.<\/p>\n","protected":false},"author":1,"featured_media":21644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[176,650,568,608],"tags":[844],"class_list":["post-235697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-4","category-comment-faire","category-les-bases-de-wordpress","category-uncategorized-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/235697","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=235697"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/235697\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=235697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=235697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=235697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}