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:

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

Hoe voeg je een aangepaste lettergrootte toe aan een hyperlink

Voeg de CSS-klasse toe

Ga in het Knowledge Base-portaal naar Instellingen > Knowledge Base-site > Custom CSS & JavaScript.

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

Selecteer het CSS-tabblad en plak het volgende fragment:

.CustomLink {
    font-size: 25px;
}

Vervang 25px door de gewenste lettergrootte.
Klik op Opslaan.

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

Pas de cursus toe op een link in je artikel

Open het gewenste artikel en plaats je cursor op de plek waar je de gestileerde link wilt laten verschijnen.
Plak de volgende HTML, waarbij de URL en linktekst vervangen worden door je eigen tekst:

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

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.

Documentation Index