Editor de Wix Studio: trabajar con la tipografía del sitio

5 min de lectura
Asegúrate de que el diseño sea uniforme en todo el sitio de tu cliente al establecer la tipografía del sitio. Esta área del panel Temas del sitio se divide en estilos de Fuentes y de Temas de textos, que puedes personalizar individualmente para que coincidan con el aspecto que deseas lograr.
En este artículo, obtén más información sobre lo siguiente:

Fuentes y temas de textos

La sección Fuentes muestra todas las fuentes que estás usando en los temas de texto del sitio. Cuando cambias una fuente en la sección Fuentes, se actualizan automáticamente todos los temas de textos que usaban la fuente anterior. 
Los Temas de textos se refieren a los tipos de texto individuales que se usan en el sitio (por ejemplo, Encabezado 2, Párrafo 1). 
La pestaña Tipografía en el panel Temas del sitio. Se muestran las secciones Fuentes y Temas de texto y se pasa el cursor sobre una fuente para actualizarla.
Consejo:
H1 a H6 son etiquetas de encabezado que se asignan automáticamente a estos títulos. Mantener la jerarquía de arriba hacia abajo de los títulos, de acuerdo con las etiquetas de encabezado, ayuda tanto al SEO como a la accesibilidad del sitio. 

Actualizar la tipografía del sitio

Renueva el diseño actualizando la tipografía en todo el sitio de tu cliente. Puedes cambiar las fuentes del sitio o ajustar el aspecto de los 9 temas de textos individuales (6 encabezados, 3 párrafos).   

Para actualizar la tipografía:

  1. Haz clic en Temas del sitio a la izquierda del editor.
  2. Haz clic en la pestaña Tipografía.
  3. Elige lo que deseas personalizar: una fuente o un tema de texto:
    • Fuente:
      1. Haz clic en la fuente que deseas actualizar debajo de Fuentes.
      2. Selecciona una nueva fuente en el menú desplegable.
      3. Haz clic en Actualizar para aplicar la nueva fuente.
    • Temas de textos:
      1. Haz clic en el tema de texto que deseas actualizar en Temas de textos.
      2. Personaliza el tema de texto como desees:
        • Elige una nueva fuente en el menú desplegable.
        • Elige el tamaño de la fuente.
        • Haz que el texto se escale proporcionalmente para que se vea de manera óptima en todos los tamaños de pantalla y establece el tamaño máximo y mínimo en px (píxeles).
        • Pon el texto en negrita o en cursiva.
        • Establece el interlineado y el espaciado de caracteres.
        • Elige el color del texto.
      3. Vuelve al panel principal haciendo clic en el icono de Flecha  en la parte superior izquierda.
Se han abierto las opciones de Editar texto para el encabezado 6 en el panel Temas del sitio. El cursor habilita la palanca Escalar texto.

Aplicar temas de texto a una página

Una vez que hayas establecido la tipografía del sitio de tu cliente, puedes agregar fácilmente elementos de texto con las fuentes y los temas de textos correspondientes. 
Dirígete al panel Agregar elementos para agregar títulos y párrafos temáticos. Haz clic en Textos y arrastra el tema correspondiente en Temas de texto a la ubicación deseada. 
Los elementos temáticos están conectados a la tipografía del sitio, por lo que se actualizarán automáticamente si alguna vez realizas cambios en el panel Temas del sitio.
Captura de pantalla de los temas de texto disponibles en el panel Agregar elementos. El subtítulo del texto temático está resaltado.

Aplicar un tema a un elemento de texto

También puedes aplicar un estilo a un elemento de texto existente en la página. Haz clic en Editar texto en el elemento y selecciona el Estilo correspondiente en el menú desplegable del Inspector profesional.
Esto conecta el elemento al tema de texto elegido, lo que significa que se actualizará automáticamente si alguna vez realizas cambios en el panel Temas del sitio.
Captura de pantalla recortada de la sección Diseño en el Inspector profesional. El menú desplegable de estilo está resaltado.

Anular temas de textos

Si cambias el diseño de un elemento de texto después de seleccionar un tema (estilo) para él, estás creando una "anulación de diseño". Esto significa que cualquier actualización al tema elegido no se aplicará a este elemento de texto en concreto. 
Puedes restablecer los elementos de texto con anulaciones a su tema original. Haz clic en el menú desplegable Tema y selecciona Restablecer cambios.
También puedes seleccionar Actualizar temas para aplicar las anulaciones que realizaste al estilo del texto real. Esto también actualizará cada elemento de texto con este tema en todo el sitio de tu cliente.
La pestaña de diseño del texto en el Inspector profesional. El cursor pasa sobre la opción Restablecer cambios en el menú Estilo.

¿Te ha sido útil?

|