Wie erstelle ich manuell Anker-Links in Beiträgen?

Antwort

Klicken Sie in der Symbolleiste des Editors unter „Wissen“ auf die Schaltfläche Verknüpfen, um Anker zu Ihren Beiträgen hinzuzufügen (siehe Beitrag: Einfügen und Bearbeiten von Links in Beiträgen.

Link einfügen
Wenn Sie diese Funktion verwenden, erscheint der Abschnittstitel nicht, wenn der Kunde den Anker-Link auswählt. Als Workaround erstellen Sie den Anker-Link im Quellcode des Beitrags.

So erstellen Sie einen Anker-Link manuell:

  1. Klicken Sie im Beitragseditor auf das Symbol HTML oder Quellcode.

    1. Quellcode

  2. Gehen Sie zum Zieltext und fügen Sie das folgende Code-Snippet vor dem Text in derselben Zeile ein:

    id="your_anchor_name">
  3. Geben Sie den Namen des Ankers ein, z. B. id="your_anchor_name">
    Beispiel: HTML-Code
  4. Verknüpfen Sie den Anker mit einer dieser beiden Methoden:

Option 1:

  1. Wählen Sie den Text aus, der als Link verwendet werden soll, und klicken Sie dann auf das Symbol Link.
  2. Klicken Sie auf die Registerkarte Überschrift und machen Sie den Namen des Ankers ausfindig, den Sie hinzugefügt haben (bzw. Registerkarte Anker im Editor). Wählen Sie den Anker aus.
  3. Klicken Sie auf Link hinzufügen.

Option 2:

  1. Suchen Sie im Quellcode-Editor den Text, den Sie in einen Link umwandeln möchten. Schließen Sie diesen Text in das folgende Tag-Paar ein, das auf die id des Ankerziels verweist:

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

    Im folgenden Beispiel soll Abschnitt I in einen Link umgewandelt werden.

    Legen Sie zunächst ein Ankerziel fest, indem Sie dem Abschnittstitel ein eindeutiges id-Attribut zuweisen:

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

    Ändern Sie dann den Link-Code von:

    <li>Section I</li>

    Zu:

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

    Setzen Sie den Linktext in <a>-Tags, damit der Benutzer ihn auswählen kann.

    Das folgende Beispiel zeigt, wie der Link im Editor aussieht, bevor der Beitrag gespeichert wird:
    Beispiel: HTML-Code
    2. Klicken Sie auf Anwenden, um die Änderungen zu speichern.

Wenn der Anker an eine Stelle einige Zeilen unterhalb der erwarteten Position springt, kann es sein, dass die Symbolleiste oben im Bildschirm Probleme verursacht. Minimieren Sie in diesem Fall die Symbolleiste und testen Sie den Anker-Link erneut.

Sie können auch ein Ankerziel auf einer anderen Seite verlinken. Verwenden Sie die vollständige URL sowie das #-Zeichen und den id-Wert des Ankers. Beispiel:

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

Beispiel-URL des Help Centers: https://IhreSubdomäne.zendesk.com/hc/en-us/articles/123456#mancher_anchor_name

Verwenden Sie nur das #-Zeichen (z. B. href="#section1"), wenn sich das Ankerziel auf derselben Seite befindet. Wenn sich das Ziel auf einer anderen Seite befindet, müssen Sie zuerst die vollständige URL und dann #id_value eingeben.

Damit der Ankerlink zum Abschnittstitel anstatt eine Position einige Zeilen darunter führt, fügen Sie einige Umbrüche zwischen Abschnittstitel und Text hinzu.

Weitere Informationen finden Sie unter Einfügen und Bearbeiten von Links in Beiträgen.

Powered by Zendesk