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 :

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

Comment ajouter une taille de police personnalisée à un hyperlien

Ajouter la classe CSS

Dans le portail de la Base de connaissances, allez dans Paramètres > site de la Base de connaissances > CSS & JavaScript personnalisés.

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

Sélectionnez l’onglet CSS et collez l’extrait suivant :

.CustomLink {
    font-size: 25px;
}

Remplacez-le 25px par la taille de police souhaitée.
Cliquez sur Enregistrer.

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

Appliquez le cours à un lien dans votre article

Ouvrez l’article souhaité et placez votre curseur là où vous souhaitez que le lien stylisé apparaisse.
Collez le HTML suivant, remplacez l’URL et le texte du lien par le vôtre :

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

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.