---
title: "Comment personnaliser la taille du lien hypertexte"
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:31:03Z
published: 2026-06-22T08:31:03Z
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.
# Comment personnaliser la taille du lien hypertexte
Vous pouvez faire ressortir certains hyperliens en leur donnant une taille de police plus grande que le texte environnant. Cela utilise une classe CSS que vous définissez une fois dans les paramètres CSS personnalisés, puis que vous appliquez sélectivement à des liens individuels dans vos articles à l’aide d’une balise HTML `<a>` . Seuls les liens tagués avec la classe sont affectés ; tous les autres liens hypertextes restent inchangés.
---
## Quand utiliser des tailles de police hyperliens personnalisées
- **Liens d’appel à l’action** : rendez un lien clé (comme « Commencer » ou « Voir les prix ») plus grand visuellement pour attirer l’attention des lecteurs.
- **Références importantes : surlignez** un lien externe critique ou une référence croisée pour qu’il se démarque du texte du texte environnant.
NOTE
Cette approche est **par lien**, pas globale. Seuls les liens hypertexte inclus `class="CustomLink"` dans leur balise HTML sont affectés. Les liens Markdown standards et autres hyperliens sont restés inchangés.
---
## Petite référence
Collez un **extrait CSS** une fois dans les paramètres CSS personnalisés. Remplacez `25px` par la taille de police souhaitée :
```
.CustomLink {
font-size: 25px;
}
```
Utilisation **du HTML par lien** dans votre article au lieu d’un lien Markdown standard. Remplacez l’URL et le texte du lien :
```
Document360
```
---
## Comment ajouter une taille de police personnalisée à un hyperlien
### Ajouter la classe CSS
1. Dans le portail de la Base de connaissances, allez dans **Paramètres** > **site de la Base de connaissances** > **CSS & JavaScript personnalisés**.
1. Sélectionnez l’onglet **CSS** et collez l’extrait suivant :
```
.CustomLink {
font-size: 25px;
}
```
1. Remplacez-le `25px` par la taille de police souhaitée.
2. **Cliquez sur Enregistrer**.
### Appliquez le cours à un lien dans votre article
1. Ouvrez l’article souhaité et placez votre curseur là où vous souhaitez que le lien stylisé apparaisse.
2. Collez le HTML suivant, remplacez l’URL et le texte du lien par le vôtre :
```
Document360
```
- Remplacez `https://www.document360.com/` par l’URL du lien souhaité.
- Remplacez `Document360` par le texte du lien que vous souhaitez obtenir.
---
## Portée et couverture
| Objet | Détails |
| --- | --- |
| Portée | Par lien, seules `<a class="CustomLink">` les balises sont affectées |
| Exemple de taille de police par défaut | `25px` Ajustez pour correspondre à vos besoins de design |
| Œuvres dans | Éditeur Markdown (HTML en ligne) et éditeur WYSIWYG avancé (vue code) |
| Autres hyperliens | Les liens Markdown standards et autres liens HTML non affectés restent inchangés |
---
## Meilleures pratiques
- **Gardez le nom de la classe cohérent** : `CustomLink` est utilisé tout au long de cet exemple. Si vous renommez la classe dans le CSS, mettez à jour chaque `<a>` tag dans vos articles pour qu’ils correspondent.
- **Utilisez avec parcimonie** : les liens agrandi attirent l’attention précisément parce qu’ils diffèrent du texte environnant. Si trop de liens utilisent une taille de police grande, l’effet est perdu et la page devient visuellement incohérente.
- **Adapter la taille de la police au contexte** : `25px` est nettement plus grande que le corps du texte standard (généralement 14–16px). Pour une emphase subtile, considérez `18px` plutôt ou `20px` .
- **Étendez la classe à d’autres propriétés** : vous pouvez ajouter plus de propriétés CSS au-delà `.CustomLink` de la taille de la police, comme `font-weight: bold` ou `color: #1a73e8`, pour créer un style de lien entièrement personnalisé en un seul endroit.
- **Testez en mode Clair et Obscur** : si votre base de connaissances supporte le mode Sombre, vérifiez que le lien stylisé est lisible sur les deux arrière-plans.