Cómo trabajar con fuentes en Elementor
Elementor viene con más de 800 fuentes de Google, y si necesita más, siempre puede agregar fuentes personalizadas para obtener aún más opciones. Para trabajar y manejar fuentes dentro de Elementor, solo necesita ir a la pestaña "Estilo" y continuar desde allí.
¿Qué es Elementor?
Antes de sumergirnos en cómo usar las fuentes en Elementor, probablemente te ayude saber un poco más sobre qué es exactamente Elementor. Lo más probable es que ya lo sepas, pero por si acaso, hablemos rápidamente.
Elementor es el creador de páginas de WordPress más popular que existe. Los creadores de páginas le brindan la capacidad de crear casi cualquier tipo de sitio web de WordPress que desee, sin tener que usar ningún código. Usan un estilo de "arrastrar y soltar" que permite que casi cualquier persona cree algo decente en lo que respecta al diseño y el diseño.
Este creador de páginas en particular también es muy popular porque la versión gratuita del complemento está repleta de funciones. Sí, también puedes obtener la versión pro si eres desarrollador.
Entonces, ¿qué significa esto para usted si instala y activa el complemento?
- En lugar de publicaciones y páginas estándar, podrá crear publicaciones y páginas únicas e interesantes utilizando el complemento.
- El complemento le proporciona una interfaz de edición separada para trabajar cuando está creando páginas y publicaciones. Por lo tanto, la mayor parte del tiempo trabajará fuera del editor de bloques de Gutenberg . Los cambios se aplicarán cuando se guarden.
- No necesita aprender o comprender la codificación HTML, CSS o PHP. La interfaz de arrastrar y soltar le permitirá construir sin tener que tocar el código.
- El complemento funciona en la parte frontal de su sitio web. Esto significa que ve exactamente cómo se ve su página o publicación en tiempo real. Esto también se denomina "lo que ves es lo que obtienes" o edición WYSIWYG.
- Elementor funciona con todos los temas de WordPress. Podrá mantener intacto el diseño de su tema actual mientras sigue utilizando todas las herramientas y funcionalidades que proporciona Elementor.
Hay mucho que cubrir cuando descarga e instala el complemento por primera vez. Uno de los elementos más populares dentro del generador de páginas de Elementor son las fuentes. Echemos un vistazo a cómo trabajar con fuentes en Elementor.
Trabajar con fuentes en Elementor
Muchos widgets de Elementor ofrecen la posibilidad de editar el color del texto y la configuración de la tipografía. Estas opciones de diseño se encuentran en la pestaña "Estilo" de los widgets.
En Configuración de widget > Estilo, haga clic en el icono de edición para acceder a la configuración de tipografía.
Simple como eso. Ahora puede cambiar el tamaño de fuente, el color, la familia y el estilo dentro de Elementor WordPress Page Builder .
Podrá cambiar todos los estilos de fuente en cualquier parte de la publicación o página, dentro de casi cualquier bloque que desee. Entonces, en realidad, puede tener todo tipo de estilos de fuente en una página si lo desea. La sección de fuentes dentro del generador de páginas de Elementor le permite cierta libertad creativa real.
Estilo
- Color del texto: elija el color de su texto.
Tipografía
- Familia: Elija su familia de fuentes.
- Tamaño: Elija un tamaño para su fuente.
- Peso: elija el peso de la fuente.
- Transformar: Elija las propiedades de Transformar para la fuente.
- Estilo: Elija entre Normal, Cursiva y Oblicua.
- Decoración: Elige el texto Decoración.
- Altura de línea: use el control deslizante para establecer la altura de línea.
- Espaciado entre letras: utilice el control deslizante para establecer el espaciado entre letras.
Espero que esto te ayude a manipular fácilmente el texto en Elementor como quieras.
Accesos rápidos a preguntas y respuestas
En caso de que necesite respuestas rápidas a algunas de las preguntas más populares que recibimos sobre las fuentes en Elementor. Estas son algunas de las preguntas más populares respondidas:
¿Cuántas fuentes se incluyen en Elementor? Elementor tiene más de 800 fuentes de Google ya integradas para elegir y trabajar.
¿Puedo agregar fuentes personalizadas a Elementor? Buena pregunta. A menudo, los diseñadores web quieren ser más exclusivos y de marca. Puede agregar fácilmente fuentes personalizadas a Elementor cuando sea necesario.
¿Por qué mis fuentes personalizadas no se muestran en la parte frontal? Es probable que esto se deba a un problema de caché. Si está utilizando un complemento de caché en WordPress, bórrelo. Si su host usa el almacenamiento en caché del lado del servidor, borre eso también. Recuerde, es posible que deba pedirle a su host que lo ayude con el almacenamiento en caché del lado del servidor.
¿Puedo cambiar las fuentes en cualquier bloque de sección o widget que use en una página? Sí, tienes la libertad de crear diferentes fuentes en cualquier elemento que desees.
¿Necesito tener la versión pro de Elementor para usar y agregar fuentes personalizadas? No, tienes acceso a todas las fuentes que Elementor tiene incorporadas. Esto incluye la capacidad de agregar fuentes personalizadas incluso si está utilizando la versión gratuita del complemento.
¿Qué importancia tienen las fuentes en el diseño web?
¿Sabes lo que a veces se pierde en una página o publicación? La importancia de las fuentes y cómo deben usarse. Recuerde, si bien puede considerarse un artista en la página y desea diseñar y construir algo que la gente considere hermoso, no siempre es una buena idea. Verá, "abstracto" y las fuentes realmente no funcionan bien juntas.
En el diseño web y los diseños de página, debe ser claro, incluso cuando intente hacer que la página sea hermosa. El mal uso de la fuente y la tipografía que no es legible lo perjudicarán a largo plazo, incluso si el resto de la página está bien organizado.
Aquí hay algunas cosas a considerar al usar fuentes en Elementor. Sobre todo, trate de recordar que desea que sus fuentes atraigan a los usuarios a la página y los mantengan allí.
- La jerarquía de fuentes establece un mensaje y un diseño adecuados. Tanto el tamaño como el color pueden desempeñar un papel muy importante en la forma en que el lector interactúa con la página y la entiende. La jerarquía de fuentes adecuada también ayuda con la clasificación e indexación de páginas.
- Use diferentes tipos de fuentes para diferenciar los mensajes y transmitirlos con mayor claridad. Use encabezados, estilo de fuente en negrita y cursiva cuando sea apropiado para ayudar con el mensaje. Un buen ejemplo de esto es una cita en una página. Al mostrar una cita, tal vez desee poner esa fuente en cursiva.
- Cuando combina fuentes estilizadas y estándar, puede crear un efecto de diseño único, equilibrado y atractivo. Este tipo de trabajo conduce a diseños de página limpios, fluidos y frescos que los usuarios disfrutarán leyendo.
- Trate de mantener las fuentes consistentes en todas las páginas de su sitio. Esto no significa que no puedas diseñar, explorar y crear usando diferentes fuentes. Simplemente significa que, independientemente de lo que decida, intente usarlo en todas partes para que su sitio sea consistente y enfocado.
Pensamientos finales
No se puede exagerar la importancia de las fuentes y cómo se perciben. Como es el caso con muchos aspectos de un sitio web, la forma en que se presentan y utilizan las fuentes realmente puede ayudar o perjudicar a su sitio web. Esto es válido tanto para el usuario como para el propietario del sitio.
Las fuentes mal situadas y mostradas harán que el usuario de su sitio web abandone la página porque puede ser abrumador y difícil de ver. Además, si las fuentes en Elementor no se usan correctamente, también podría dañar su sitio general y/o la clasificación de la página en la búsqueda de Google.
Aprender a usar fuentes en Elementor de la manera correcta le permitirá crear y diseñar una página o publicación divertida, atractiva y fácil de usar que sea fácil de leer, comprender, ver y seguir tanto para un usuario del sitio como para Google.
¿Ha podido crear páginas de apariencia increíble y diseñar sus fuentes como desea cuando usa Elementor? ¿Prefiere mantener las fuentes predeterminadas incluso cuando trabaja con el creador de páginas?