Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Wie man die Hyperlinkgröße anpasst

  • Aktualisiert am Jun 22, 2026
  • Veröffentlicht am Sep 9, 2024
  • 2 Gelesene Minute(n)
Prev Next

Du kannst bestimmte Hyperlinks hervorheben, indem du ihnen eine größere Schriftgröße als den umgebenden Text gibst. Dabei wird eine CSS-Klasse verwendet, die man einmal in benutzerdefinierten CSS-Einstellungen definiert und dann selektiv auf einzelne Links in den Artikeln mit einem HTML-Tag <a> anwendet. Nur Links, die mit der Klasse getaggt sind, sind betroffen; alle anderen Hyperlinks bleiben unverändert.

Wann man benutzerdefinierte Hyperlink-Schriftgrößen verwendet

  • Call-to-Action-Links: Machen Sie einen Schlüssellink (wie "Starten" oder "Preise anzeigen") visuell größer, um die Aufmerksamkeit der Leser zu erregen.
  • Wichtige Referenzen: Heben Sie einen wichtigen externen Link oder eine Querartikelreferenz hervor, damit er sich vom umgebenden Fließtext abhebt.
HINWEIS

Dieser Ansatz erfolgt per Link, nicht global. Nur Hyperlinks, die in ihrem HTML-Tag enthalten sind class="CustomLink" , sind betroffen. Standard-Markdown-Links und andere Hyperlinks sind unverändert.

Kurze Referenz

CSS-Schnipsel einmal in benutzerdefinierten CSS-Einstellungen einfügen. Ersetzen Sie 25px sie durch die gewünschte Schriftgröße:

.CustomLink {
    font-size: 25px;
}

Verwenden Sie HTML pro Link in Ihrem Artikel anstelle eines Standard-Markdown-Links. Ersetzen Sie die URL und den Linktext:

<a class="CustomLink" href="https://www.document360.com/">Document360</a>

Füge die CSS-Klasse hinzu

  1. Im Knowledge Base-Portal gehen Sie zu Einstellungen > Knowledge Base-Seite > Custom CSS & JavaScript.

Knowledge base site settings page showing the Custom CSS and JavaScript option in the left navigation.

  1. Wählen Sie den CSS-Tab und fügen Sie den folgenden Ausschnitt ein:
.CustomLink {
    font-size: 25px;
}
  1. Ersetzen Sie 25px sie durch die gewünschte Schriftgröße.
  2. Klicken Sie auf Speichern.

Custom CSS editor showing the CustomLink font-size snippet pasted in the CSS tab with the Save button visible.

  1. Öffnen Sie den gewünschten Artikel und platzieren Sie Ihren Cursor dort, wo der gestylte Link erscheinen soll.
  2. Füge folgendes HTML ein und ersetze die URL und den Linktext durch deinen eigenen:
<a class="CustomLink" href="https://www.document360.com/">Document360</a>
  • Ersetzen Sie https://www.document360.com/ sie durch Ihre gewünschte Link-URL.
  • Ersetze Document360 sie durch den gewünschten Linktext.

Umfang und Reichweite

Gegenstand Detail
Umfang Pro Link sind nur <a class="CustomLink"> Tags betroffen
Beispiel für die Standard-Schriftgröße 25px Passen Sie an Ihre Designbedürfnisse an
Werke in Markdown-Editor (Inline-HTML) und Advanced WYSIWYG-Editor (Codeansicht)
Weitere Hyperlinks Unbeeinflusst bleiben Standard-Markdown-Links und andere HTML-Links unverändert

Best Practices

  • Halte den Klassennamen konsistent: CustomLink wird in diesem Beispiel verwendet. Wenn du die Klasse im CSS umbenimmst, aktualisiere jedes <a> Tag in deinen Artikeln so, dass sie passen.
  • Verwenden Sie sparsam: Vergrößerte Links ziehen gerade deshalb Aufmerksamkeit auf sich, weil sie sich vom umgebenden Text unterscheiden. Wenn zu viele Links eine große Schriftgröße verwenden, geht der Effekt verloren und die Seite wird visuell inkonsistent.
  • Schriftgröße an den Kontext anpassen: 25px ist deutlich größer als der Standardtext (typischerweise 14–16px). Für eine subtile Betonung betrachten Sie 18px stattdessen oder 20px .
  • Erweitern Sie die Klasse für andere Eigenschaften: Sie können weitere CSS-Eigenschaften über .CustomLink die Schriftgröße hinaus hinzufügen, wie zum Beispiel font-weight: bold oder color: #1a73e8, um einen vollständig individuellen Link-Stil an einem Ort zu erstellen.
  • Teste sowohl im Hellen als auch im Dunkelmodus: Wenn deine Wissensdatenbank den Dunkelmodus unterstützt, prüfe, ob der stilierte Link auf beiden Hintergründen lesbar ist.
Verwandte Artikel