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

Réponse

Dans Connaissances, utilisez le bouton Lien dans la barre d’outils de l’éditeur pour ajouter des ancres à vos articles, comme décrit dans l’article : Insertion et modification des liens dans les articles.

Insérer un lien
Quand vous utilisez cette fonctionnalité, le titre de la section ne s’affiche 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. Dans l’éditeur d’articles, sélectionnez l’icône HTML ou Code source

    1. Code source

  2. Accédez au texte cible et insérez le snippet de code ci-dessous avant le texte sur la même ligne :

    id="your_anchor_name">
  3. Saisissez le nom de l’ancre, par exemple : id="your_anchor_name">
    Exemple de code HTML
  4. Créez un lien vers l’ancre de l’une des deux façons suivantes :

Option 1 :

  1. Sélectionnez le texte que vous voulez utiliser comme lien, puis cliquez sur l’icône Lien.
  2. Sélectionnez l’onglet Titre et recherchez le nom de l’ancre que vous avez ajoutée (ou l’onglet Ancre dans votre éditeur). Sélectionnez l’ancre.
  3. Cliquez sur Ajouter un lien.

Option 2 :

  1. Dans l’éditeur de code source, recherchez le texte que vous voulez transformer en lien. Placez le texte dans le marqueur ci-dessous et pointez vers 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 un objectif 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>

    Entourez le texte du lien de balises <a> de façon à ce que l’utilisateur puisse le sélectionner.

    L’exemple ci-dessous montre à quoi ressemble le lien dans l’éditeur avant que vous n’enregistriez l’article :
    Exemple de code HTML
    2. Cliquez sur Appliquer pour enregistrer vos modifications.

Si votre ancre passe 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. Utilisez l’URL complète, ainsi que le signe # et la valeur id de l’ancre. Par exemple :

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

Exemple d’URL du centre d’aide : https://votresousdomaines.zendesk.com/hc/en-us/articles/123456#nom_ancre

Utilisez uniquement le signe # (par exemple, href="#section1") si la cible d’ancrage est sur la même page. Si la cible se trouve sur une autre page, commencez par inclure l’URL complète, puis #id_value.

Pour déplacer le lien d’ancrage vers le titre de la section plutôt que quelques lignes en dessous, ajoutez quelques sauts de page entre le titre de la section et le texte du corps.

Pour en savoir plus, consultez Insertion et modification des liens dans les articles.

Réalisé par Zendesk