Question

Comment créer manuellement des liens d’ancrage dans des articles ?

Réponse

Avec Connaissances, vous pouvez utiliser la fonctionnalité Insérer un lien/modifier le lien dans la barre d’outils de l’éditeur pour ajouter des ancrages à vos articles, comme décrit dans l’article : Insertion et modification des liens dans les articles.

modifier le lien.png
Quand vous utilisez cette fonctionnalité, le titre n’apparaît pas quand le client sélectionne le lien d’ancrage. Pour remédier à ce problème, créez le lien d’ancrage dans le code source de votre article.

Pour créer manuellement un lien d’ancrage

  1. Avec l’éditeur d’article ouvert, sélectionnez l’icône HTML.

  2. Naviguez jusqu’au texte que vous voulez cibler avec un lien. Insérez le snippet de code ci-dessous avant le texte, en général sur la même ligne :

    id="your_anchor_name">
  3. Saisissez le nom du lien d’ancrage de votre choix. Voici un exemple : id="your_anchor_name">
    exemple de code html.png
  4. Pour créer un lien vers l’ancre, optez pour l’une de ces deux options.

Option 1

  1. Sélectionnez le texte que vous voulez utiliser comme lien, puis cliquez sur l’icône Insérer un lien/modifier le lien.
  2. Sélectionnez l’onglet Titre et recherchez le nom de l’ancre que vous avez ajoutée (ou l’onglet Ancre s’il est présent dans votre version de l’Éditeur) > sélectionnez l’ancre de votre choix.
  3. Cliquez sur Ajouter un lien.

Option 2

  1. Dans l’éditeur de code source, recherchez le texte que vous voulez transformer en lien. Ensuite, placez le texte dans le marqueur ci-dessous, en pointant vers l’attribut id de votre cible d’ancrage :

    <a href="#your_anchor_name">Link text</a>

    Dans l’exemple ci-dessous, l’objectif est de transformer Section I en lien.

    Commencez par définir une cible d’ancrage en donnant au titre de la section un attribut id unique :

    <h2 id="section1">Section I</h2>

    Ensuite, remplacez le code de lien par :

    <li>Section I</li>

    À :

    <li><a href="#section1">Section I</a></li>

    Encapsulez le texte du lien dans des marqueurs d’ouverture et de fermeture (<a>), sinon l’utilisateur ne pourra pas cliquer.

    L’exemple ci-dessous montre comment le lien apparaît derrière l’éditeur avant que l’article ne soit sauvegardé :
    exemple de code html.png
    2. Cliquez sur Appliquer pour enregistrer vos modifications.

Si votre ancre semble sauter quelques lignes sous l’emplacement prévu, il se peut que la barre d’outils en haut de votre écran en soit la cause. Si c’est le cas, réduisez la barre d’outils, puis testez à nouveau le lien d’ancrage.

Vous pouvez également créer un lien vers une cible d’ancrage sur une autre page en utilisant l’URL complète plus le signe # et la valeur id de l’ancre. Par exemple :

<a href="https://support.zendesk.com/entries/98542436#some_anchor_name"></a>

L’utilisation d’un simple hashtag (par ex. href="#section1") ne fonctionne que si la cible d’ancrage est sur la même page. Si la cible se trouve sur une autre page, vous devez commencer par l’URL complète, puis #id_value.

Si vous voulez que le lien d’ancrage atteigne votre en-tête plutôt que quelques lignes, incluez quelques sauts de page entre l’en-tête et le corps du texte.

Pour en savoir plus, consultez l’article : Insertion et modification des liens dans les articles.

Réalisé par Zendesk