Cómo cambiar el color del enlace en WebFlow

De forma predeterminada, los enlaces no visitados en sitios web creados en Webflow son azules. Por supuesto, este es el caso de la mayoría de las plataformas de Internet. Si está cansado de ver el mismo color azul de siempre en todas partes, tenemos buenas noticias. Webflow facilitó el cambio de color de los enlaces de su sitio web, haciéndolos destacar.

Siga leyendo para obtener más información sobre cómo vincular en Webflow y cómo cambiar el color del vínculo.

Tipos de enlaces en Webflow

Antes de diseñar sus enlaces, repasemos sus opciones de enlace al crear un sitio web en Webflow.

Enlaces de texto

Los enlaces de texto son la forma más básica de enlaces en Webflow. Puede usarlos cuando un elemento de texto no tiene otros propósitos que no sean vincular. Uno de los usos más comunes de los enlaces de texto son los textos de anclaje.

Para agregar un enlace de texto al diseño de su sitio web, haga lo siguiente:

Abra el “Panel Agregar elementos” en la barra lateral izquierda.
Navega a la sección “Tipografía”.
Toca el campo “Enlace de texto”.

Una vez que haya ingresado su enlace, puede editarlo haciendo doble clic en el texto. Alternativamente, puede seleccionar el elemento y presionar “Enter”.

Campos de enlace

Si cree que los enlaces de texto son demasiado simples, considere agregar campos de enlace a su diseño. Son perfectos para añadir enlaces de forma dinámica. Una vez que agrega un campo de enlace, puede activarlo conectándolo a un enlace de texto o un botón.

Los campos de enlace se utilizan normalmente para:

Enlace a ubicaciones fuera de su sitio web.
Enlaces de registro para servicios de eventos de terceros.
Vinculación a cuentas de redes sociales.

Puede agregar un campo de enlace a una colección recién creada o existente visitando la configuración de la colección. A partir de ahí, haz lo siguiente:

Seleccione “Nuevo campo”.
Toque el icono “Enlace” en el menú “Seleccionar tipo de campo”.

Bloques de enlaces

Los bloques de enlace le permiten convertir cualquier elemento de diseño en un enlace. Aunque se utilizan principalmente para vincular, estos prácticos bloques también se pueden utilizar para el diseño y la estructura.

Los elementos de diseño más comunes utilizados para un bloque de enlace son:

Siga estos pasos para agregar un bloque de enlace a su sitio web:

Vaya al “Panel Agregar elementos”.
Navega a la sección “Básico”.
Seleccione el campo “Bloque de enlace” y arrástrelo a su página.

Una vez que el bloque de enlace está en la página, puede arrastrar cualquier elemento, excepto otros enlaces.

Cambiar el color de un enlace

Una vez que esté satisfecho con la forma en que se muestran sus enlaces en su sitio web, es hora de darles un pequeño cambio de imagen. Ya sea que busque un color audaz y llamativo o un cambio más sutil, su color de enlace ideal está a solo unos clics de distancia.

Cómo cambiar el color de un solo enlace

El estilo de texto predeterminado para la etiqueta “Todos los enlaces” muestra enlaces azules y subrayados. Si desea que se destaque una sección en particular de su sitio web, puede cambiar el color del enlace solo para uno o algunos elementos.

El panel Estilo tiene todo lo que necesitará para esta acción, independientemente del tipo de vínculo. Para anular el color predeterminado de un enlace específico, haga lo siguiente:

Haga clic en el elemento de enlace.
Vaya al panel “Estilo” a la derecha (el icono de pincel).
Desplácese hacia abajo hasta que vea la sección “Tipografía”.
En “Color”, establece el color de enlace que prefieras.

Puede escribir el código en el campo de color HEX si ya tiene un color en mente. Alternativamente, puede usar la herramienta de selección de color para encontrar el color de enlace perfecto.

Cómo cambiar el color de todos los enlaces

Si desea construir una marca reconocible, es crucial establecer una identidad visual uniforme y convincente. Por supuesto, el diseño de su sitio web también debe coincidir visualmente con su marca. Tener todos los enlaces del mismo color, particularmente el color de la marca, puede ayudar.

Así es como puede diseñar todos los enlaces en su sitio web:

Haga clic en cualquier elemento de enlace.
Presiona el acceso directo “Control + Enter” en Windows o “Command + Enter” en Mac para abrir el menú de selección.
De la lista de etiquetas, seleccione “Todos los enlaces” en la parte inferior.
Cambia el color del enlace a tu color preferido.

Cualquier enlace nuevo que agregue más tarde tomará las señales de estilo de la etiqueta “Todos los enlaces”. Si cambia de opinión acerca de un conjunto particular de enlaces, tendrá que anular la regla establecida caso por caso.

No más sentimiento azul

Al crear un sitio web, es fácil pasar por alto los enlaces con tantos elementos de diseño a considerar. Por esa razón, cambiar los enlaces puede contribuir en gran medida a que su sitio web se destaque. La parte desafiante es elegir el mejor color para representar su marca o negocio. Después de eso, implementar ese color no debería tomar más de unos minutos de su tiempo siguiendo nuestra guía.

¿Has intentado cambiar el color del enlace en Webflow? ¿Cuál es tu color de elección? Háganos saber en la sección de comentarios.