---
title: "Wie man die Hyperlinkgröße anpasst"
slug: "how-to-customize-the-hyperlink"
description: "In Document360, you can customize the appearance of some hyperlinks to make them stand out."
tags: ["Customization"]
updated: 2026-06-22T08:43:25Z
published: 2026-06-22T08:43:25Z
canonical: "docs.document360.com/how-to-customize-the-hyperlink"
---
> ## 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.
# Wie man die Hyperlinkgröße anpasst
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:
```
Document360
```
---
## Wie man einem Hyperlink eine benutzerdefinierte Schriftgröße hinzufügt
### Füge die CSS-Klasse hinzu
1. Im Knowledge Base-Portal gehen Sie zu **Einstellungen** > **Knowledge Base-Seite** > **Custom CSS & JavaScript**.
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**.
### Wenden Sie den Kurs auf einen Link in Ihrem Artikel an.
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:
```
Document360
```
- 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.