Frage

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

Antwort

In Wissen können Sie Link einfügen/bearbeiten in der Symbolleiste des Editors verwenden, um Anker zu Ihren Beiträgen hinzuzufügen. Dies wird im folgenden Beitrag beschrieben: Einfügen und Bearbeiten von Links in Beiträgen.

Link bearbeiten.png
Wenn Sie diese Funktion verwenden, erscheint die Überschrift nicht, wenn der Kunde den Anker-Link auswählt. Als Workaround erstellen Sie den Anker-Link über den Quellcode des Beitrags.

So erstellen Sie einen Anker-Link manuell

  1. Klicken Sie im Beitragseditor auf das Symbol HTML.

  2. Navigieren Sie zu dem Text, zu dem ein Link führen soll. Fügen Sie das Code-Snippet unten vor dem Text ein (normalerweise in der gleichen Zeile):

    id="your_anchor_name">
  3. Geben Sie Ihren gewünschten Namen für den Anker-Link ein. Nachfolgend ein Beispiel: id="your_anchor_name">
    Beispiel: HTML-Code.png
  4. Verknüpfen Sie den Anker mit einer der beiden folgenden Optionen.

Option 1

  1. Wählen Sie den Text aus, der als Link verwendet werden soll, und klicken Sie dann auf das Symbol Link einfügen/bearbeiten.
  2. Suchen Sie in der Registerkarte Überschrift nach dem Namen des hinzugefügten Ankers (oder auf der Registerkarte Anker, wenn Sie dies in Ihrer Editor-Version sehen) > wählen Sie den gewünschten 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 dann diesen Text in die folgenden Tags ein, die auf die id des Ankerziels verweisen:

    <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 der Abschnittsüberschrift 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>

    Umschließen Sie den Link-Text mit öffnenden und schließenden <a>-Tags, denn ansonsten erscheint nichts, was der Benutzer auswählen kann.

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

Wenn es scheint, dass Ihr Anker ein paar Zeilen unter die erwartete 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, indem Sie die vollständige URL sowie das #-Zeichen und den id-Wert des Ankers verwenden. Beispiel:

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

Nur ein Hashtag (z. B. href="#section1") zu verwenden, funktioniert nur, 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.

Wenn Sie möchten, dass der Anker-Link in Ihrer Überschrift erscheint, anstatt einige Zeilen darunter, können Sie einfach ein paar Zeilenumbrüche zwischen Überschrift und Textkörper einfügen.

Weitere Informationen finden Sie im folgenden Beitrag: Einfügen und Bearbeiten von Links in Beiträgen.

Powered by Zendesk