en usoElementorA la hora de crear un sitio web, la tipografía y los colores son uno de los elementos clave que determinan el aspecto visual de una página. Elementor proporciona herramientas flexibles y potentes que permiten a los usuarios personalizar fácilmente la tipografía de las fuentes y los colores del texto. Veamos cómo modificar estos elementos de diseño en Elementor para optimizar la estética de tu sitio web.
Cambiar el diseño de fuente
La mayoría de los widgets de Elementor ofrecen una gran cantidad de opciones de configuración tipográfica, que se encuentran en la pestaña Estilos del widget. Estas opciones permiten al usuario cambiar el tamaño, el color, la familia y el estilo de la fuente.
Pasos:
1. Abra la pestaña Estilos
En el panel de la página de edición, busque el botóntipográficoCampos.
Los campos tipográficos suelen estar situados entipoficha.
2. Seleccionar fuentes globales
Para seleccionar una de las fuentes globales predefinidas, pulse el botónIconos de la Tierra.
3. Ajustar el tamaño de letra
Para seleccionar una fuente de todas las fuentes, haga clic en el botónIcono del lápiz.
"tipográfico"Se abrirá el menú.
4. Personalizar otras propiedades de la fuente
Utilizar"gama" para seleccionar el tipo de fuente que desea utilizar.
Si conoce el nombre de la familia de fuentes, puede introducirlo en el cuadro de texto situado en la parte superior del menú desplegable.
5. Utilizar"magnitud"El deslizador fija el tamaño de la fuente.
Cambiar el color del texto
Además de la tipografía, el color es un elemento crucial en el diseño de sitios web, y Elementor facilita el cambio de color del texto para que coincida con el esquema de color o el estilo de marca de un sitio web.
Pasos:
1. Encontrar "Color del texto"Campo
En el panel, busque "Color del texto". "Color del texto"
El campo suele estar situado en la zona "tipo".
2. Selección de colores globales
Para seleccionar uno de los colores globales predefinidos, haz clic en el icono de la Tierra y selecciona uno de los colores globales.
Si desea elegir un color personalizado para un texto específico, puede hacer clic en el botónMuestras de coloresabre el selector de color. Personaliza el color utilizando la paleta de colores o introduciendo el valor HEX, RGB o HSL del color.
Una vez determinado el color, haz clic en "aparato" Guarde los ajustes y verá que el color del texto se actualiza inmediatamente.
Consejo:
El uso de colores globales garantiza un estilo coherente del sitio y reduce la necesidad de ajustes manuales.
Elementor ofrece una amplia gama de opciones de color, por lo que te recomendamos que elijas los colores adecuados en función del esquema de color de tu marca o del tema de tu sitio web.
Elementor no sólo se limita a ajustar la tipografía y los colores de las fuentes, sino que también proporciona otras opciones de diseño visual como el color de fondo, los bordes, el espaciado, etc. Con estos ajustes, puedes enriquecer aún más los detalles de diseño de la página y crear un efecto visual único y atractivo.
