---
title: "Cómo personalizar el tamaño del hipervínculo"
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:48:10Z
published: 2026-06-22T08:48:10Z
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.
# Cómo personalizar el tamaño del hipervínculo
Puedes hacer que algunos hipervínculos destaquen dándoles un tamaño de fuente mayor que el texto circundante. Esto utiliza una clase CSS que defines una vez en la configuración de CSS personalizada y luego aplicas selectivamente a enlaces individuales en tus artículos usando una etiqueta HTML `<a>` . Solo se ven afectados los enlaces etiquetados con la clase; todos los demás hipervínculos permanecen sin cambios.
---
## Cuándo usar tamaños de fuente personalizados de hipervínculos
- **Enlaces de llamada a la acción**: haz que un enlace clave (como "Empezar" o "Ver precios") sea visualmente más grande para captar la atención de los lectores.
- **Referencias importantes: resalta** un enlace externo crítico o una referencia cruzada para que destaque del texto principal circundante.
NOTA
Este enfoque es **por enlace**, no global. Solo se ven afectados los hipervínculos que se incluyen `class="CustomLink"` en su etiqueta HTML. Los enlaces estándar de Markdown y otros hipervínculos no han cambiado.
---
## Referencia rápida
Pega **fragmentos de CSS** una vez en la configuración de CSS personalizada. Sustituye `25px` por el tamaño de fuente que deseas:
```
.CustomLink {
font-size: 25px;
}
```
Usa **HTML por enlace** en tu artículo en lugar de un enlace estándar de Markdown. Sustituye la URL y el texto del enlace:
```
Document360
```
---
## Cómo añadir un tamaño de fuente personalizado a un hipervínculo
### Añadir la clase CSS
1. En el portal de la Base de Conocimiento, ve a **Configuración** > **sitio de la Base de Conocimientos** > **CSS y JavaScript personalizados**.
1. Selecciona la pestaña **CSS** y pega el siguiente fragmento:
```
.CustomLink {
font-size: 25px;
}
```
1. Sustituye `25px` por el tamaño de fuente que quieras.
2. Haz clic **en Guardar**.
### Aplica la clase a un enlace en tu artículo
1. Abre el artículo deseado y coloca el cursor donde quieres que aparezca el enlace con estilo.
2. Pega el siguiente HTML, reemplazando la URL y el texto del enlace por el tuyo propio:
```
Document360
```
- Sustituye `https://www.document360.com/` por la URL del enlace que deseas.
- Sustituye `Document360` por el texto del enlace que deseas.
---
## Alcance y cobertura
| Punto | Detalle |
| --- | --- |
| Alcance | Por enlace, solo `<a class="CustomLink">` las etiquetas se ven afectadas |
| Ejemplo de tamaño de fuente por defecto | `25px` Ajusta para adaptarse a tus necesidades de diseño |
| Obras en | Editor Markdown (HTML en línea) y editor avanzado WYSIWYG (vista de código) |
| Otros hipervínculos | Los enlaces estándar de Markdown y otros enlaces HTML no afectados permanecen sin cambios |
---
## Mejores prácticas
- **Mantén el nombre de la clase consistente**: `CustomLink` se usa a lo largo de este ejemplo. Si renombras la clase en el CSS, actualiza todas `<a>` las etiquetas de tus artículos para que coincidan.
- **Úsalo con moderación**: los enlaces ampliados llaman la atención precisamente porque son diferentes del texto circundante. Si demasiados enlaces usan un tamaño de fuente grande, el efecto se pierde y la página se vuelve visualmente inconsistente.
- **Ajusta el tamaño de la fuente al contexto**: `25px` es significativamente más grande que el cuerpo estándar del texto (normalmente 14–16px). Para un énfasis sutil, considera `18px` o `20px` en su lugar.
- **Extiende la clase para otras propiedades**: puedes añadir más propiedades CSS que `.CustomLink` van más allá del tamaño de fuente, como `font-weight: bold` o `color: #1a73e8`, para crear un estilo de enlace completamente personalizado en un solo lugar.
- **Prueba tanto en modo Claro como en Oscuro**: si tu base de conocimientos soporta el modo Oscuro, verifica que el enlace con estilo sea legible en ambos fondos.