---
title: "Hoe je de hyperlinkgrootte aanpast"
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-22T09:03:37Z
published: 2026-06-22T09:03:37Z
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.
# Hoe je de hyperlinkgrootte aanpast
Je kunt specifieke hyperlinks laten opvallen door ze een groter lettertype te geven dan de omliggende tekst. Dit gebruikt een CSS-klasse die je eenmaal definieert in Custom CSS-instellingen, en vervolgens selectief toepast op individuele links in je artikelen met een HTML-tag `<a>` . Alleen links die met de klasse zijn getagd worden beïnvloed; Alle andere hyperlinks blijven ongewijzigd.
---
## Wanneer gebruik van aangepaste hyperlinklettergroottes
- **Call-to-action links**: maak een belangrijke link (zoals "Begin ermee" of "Bekijk prijs") visueel groter om de aandacht van lezers te trekken.
- **Belangrijke referenties**: benadruk een belangrijke externe link of cross-article-referentie zodat deze opvalt in de omliggende tekst.
OPMERKING
Deze aanpak is **per link**, niet globaal. Alleen hyperlinks die in hun HTML-tag zijn opgenomen `class="CustomLink"` , worden beïnvloed. Standaard Markdown-links en andere hyperlinks zijn ongewijzigd.
---
## Snelle referentie
**CSS-snippet,** plak één keer in de aangepaste CSS-instellingen. Vervang `25px` door de gewenste lettergrootte:
```
.CustomLink {
font-size: 25px;
}
```
Gebruik **per link HTML** in je artikel in plaats van een standaard Markdown-link. Vervang de URL en linktekst:
```
Document360
```
---
## Hoe voeg je een aangepaste lettergrootte toe aan een hyperlink
### Voeg de CSS-klasse toe
1. Ga in het Knowledge Base-portaal naar **Instellingen** > **Knowledge Base-site** > **Custom CSS & JavaScript**.
1. Selecteer het **CSS-tabblad** en plak het volgende fragment:
```
.CustomLink {
font-size: 25px;
}
```
1. Vervang `25px` door de gewenste lettergrootte.
2. Klik **op Opslaan**.
### Pas de cursus toe op een link in je artikel
1. Open het gewenste artikel en plaats je cursor op de plek waar je de gestileerde link wilt laten verschijnen.
2. Plak de volgende HTML, waarbij de URL en linktekst vervangen worden door je eigen tekst:
```
Document360
```
- Vervang `https://www.document360.com/` door de gewenste link-URL.
- Vervang `Document360` door de gewenste linktekst.
---
## Reikwijdte en dekking
| Item | Detail |
| --- | --- |
| Reikwijdte | per link worden alleen `<a class="CustomLink">` tags beïnvloed |
| Voorbeeld van standaard lettergrootte | `25px` Pas aan om aan je ontwerpbehoeften te voldoen |
| Werken in | Markdown-editor (inline HTML) en Advanced WYSIWYG-editor (codeweergave) |
| Andere hyperlinks | Onaangetast blijven standaard Markdown-links en andere HTML-links ongewijzigd |
---
## Best practices
- **Houd de klassenaam consistent**: `CustomLink` wordt in dit voorbeeld gebruikt. Als je de klasse in de CSS hernoemt, werk dan elke `<a>` tag in je artikelen bij om erbij te passen.
- **Gebruik spaarzaam:** vergrote links trekken juist de aandacht omdat ze verschillen van de omliggende tekst. Als te veel links een groot lettertype gebruiken, gaat het effect verloren en wordt de pagina visueel inconsistent.
- **Schrijfgrootte afstemmen op context**: `25px` is aanzienlijk groter dan standaard hoofdtekst (meestal 14–16px). Voor een subtiele nadruk, overweeg `18px` in plaats daarvan of `20px` .
- **Wijd de klasse uit voor andere eigenschappen**: je kunt meer CSS-eigenschappen toevoegen dan `.CustomLink` de lettergrootte, zoals `font-weight: bold` of `color: #1a73e8`, om een volledig aangepaste linkstijl op één plek te creëren.
- **Test in zowel Licht- als Donkermodus**: als je kennisbasis Donkere modus ondersteunt, controleer dan of de gestileerde link leesbaar is tegen beide achtergronden.