Gestión de fuentes y función "Volver al principio" de Blocksy Theme: optimización del dise?o web y la experiencia del usuario

En el dise?o de sitios web modernos, la personalización de fuentes y elementos de navegación es esencial para mejorar la experiencia del usuario y la usabilidad de un sitio web.Blocksy El tema no sólo ofrece opciones flexibles de gestión de fuentes, sino que también mejora la interactividad y la comodidad del sitio a través de la función "volver al principio". En este artículo, vamos a echar un vistazo más de cerca a las características de gestión de fuentes del tema Blocksy, incluyendo cómoFuentes personalizadasY cómo activar y personalizar el botón Volver al principio para ayudarle a crear páginas web más atractivas y útiles.

Imagen[1]-Gestión de fuentes y función "Volver al principio" de Blocksy Theme: mejora del dise?o web y la experiencia del usuario

Gestión de fuentes: control preciso de los estilos de texto del sitio web

Las fuentes son una parte crucial del dise?o de un sitio web, ya que no sólo afectan al impacto visual del sitio, sino que también transmiten la personalidad de la marca.Blocksy El tema ofrece una potente herramienta de gestión de fuentes que permite a los usuarios personalizar laTipografíaFacilitar el control de las distintas partes del sitio webestilo caligráficoEstilo.

Opciones de configuración de fuentes

Blocksy ofrece varias opciones de personalización de la fuente que le permiten configurarla para diferentes elementos de la página, garantizando que el texto tenga un estilo uniforme y en línea con su marca. Los ajustes específicos incluyen:

  • fuente básicaAjustar los tipos de letra básicos en todo el sitio para garantizar un estilo coherente del texto en todo el sitio.
  • Fuentes de las rúbricas (rúbricas 1 - 6)Personalice los tipos de letra de los distintos niveles de títulos para aclarar la estructura de la página y mejorar la jerarquía.
  • Fuentes para botonesCambiar el tipo de letra del texto del botón para armonizarlo con el dise?o general y mejorar el efecto visual.
  • Cita en bloque: Establezca fuentes únicas para el contenido citado, de modo que destaque sobre el cuerpo del texto.
  • Fuentes de texto preformateadas (Preformatted)Permite definir el tipo de letra del bloque de código para facilitar su lectura.
  • Copia de seguridad de la familia tipográfica: Establecer una fuente predeterminada como alternativa cuando la fuente seleccionada no puede mostrarse garantiza la compatibilidad del sitio web.
Imagen[2]-Gestión de fuentes del tema Blocksy y función "Volver al principio": mejorar el dise?o del sitio web y la experiencia del usuario

Opciones ampliadas de configuración de fuentes

Blocksy Cada una de las opciones de fuente del tema admite más ajustes de personalización, incluidos:

  • tama?o de letraRedimensiona el texto en unidades px, em, rem, pt y vw.
  • su altura (honorífico): Ajusta el interlineado del texto, soporta unitless, px, em, pt y %.
  • espaciado de palabras: Para ajustar el espaciado entre letras, utilice la unidad em.
  • conversión de textoPermite poner el texto en mayúsculas o en mayúscula inicial.
  • Decoración de texto: A?ade tachado o subrayado al texto.
  • familia tipográfica: Elige entre las fuentes del sistema o Google Fonts, o sube una fuente personalizada.
  • grosor de la fuenteAjuste el grosor de la fuente para adaptarlo a las distintas necesidades de dise?o.

Actualización de la privacidad de Google Fonts

A partir de octubre de 2022, tal y como exige la normativa sobre privacidad, Google estilo caligráficoEs posible que aparezcan mensajes de advertencia durante la carga. blocksy proporciona una extensión nativa de Google Fonts para eludir estas normativas de privacidad y permitir a los usuarios utilizar Google Fonts cumpliendo los requisitos de privacidad.

Imagen [3] - Gestión de fuentes del tema Blocksy y función "Volver al principio": mejora del dise?o del sitio web y de la experiencia del usuario

Clasificación y fuentes tipográficas

en el uso de Blocksy Verás algunos iconos nuevos que te ayudarán a entender de dónde procede cada fuente cuando configures tus fuentes:

Imagen [4] - Gestión de fuentes del tema Blocksy y función "Volver al principio": mejora del dise?o del sitio web y de la experiencia del usuario

S: Indica una fuente del sistema, cargada directamente desde el dispositivo del usuario, que es la opción más respetuosa con la privacidad.

G: Indica una fuente remota de Google, cargada directamente desde los servidores de Google.

A: Indica una fuente Adobe remota, cargada directamente desde el servidor Adobe.

L: Indica fuentes Google alojadas localmente, cargadas desde su servidor.

C: Indica las fuentes cargadas mediante extensiones de fuentes personalizadas.

Estos logotipos permiten a los usuarios comprender claramente cómo se cargan las fuentes y elegir la solución tipográfica que mejor se adapte a sus necesidades.

Funciones avanzadas: cargue su biblioteca personal de fuentes

Para usuarios de Blocksy Pro.Blocksy Permite cargar bibliotecas de fuentes personales o utilizar bibliotecas de fuentes de Adobe Typekit. Los usuarios pueden cargar fuentes de su elección en el servidor, lo que aumenta aún más la personalización y la libertad de dise?o del sitio web.

Imagen [5]-Gestión de fuentes del tema Blocksy y función "Volver al principio": mejora del dise?o del sitio web y de la experiencia del usuario

Funcionalidad "Volver al principio": mejora de la usabilidad del sitio web

El botón "Volver al principio" es una función sencilla pero eficaz que permite a los usuarios volver fácilmente al principio en páginas largas, mejorando la usabilidad de su sitio web, y el tema Blocksy ofrece diversas opciones de personalización para este fin, garantizando que la apariencia del botón se adapte al dise?o de su sitio web.

Imagen [6] - Gestión de fuentes del tema Blocksy y función "Volver al principio": mejora del dise?o del sitio web y de la experiencia del usuario

Opciones de personalización

Blocksy proporciona 6 estilos diferentes de iconos de botón "Volver al principio", y los usuarios también pueden cargar iconos personalizados (únicamente). Blocksy Pro (Usuario). Además, el usuario puede seleccionar la forma de los botones (cuadrada o redonda) y personalizar el espaciado de los botones desde el borde de la ventana gráfica.

Adaptación de dispositivos

Blocksy también permite a los usuarios elegir si mostrar o no el botón "volver al principio" independientemente del tipo de dispositivo (ordenador de sobremesa, tableta, móvil). Esta flexibilidad garantiza una experiencia de navegación más fluida en todos los dispositivos.

observaciones finales

Blocksy Las funciones de gestión de fuentes y "volver al principio" del tema ofrecen potentes opciones de personalización, que ayudan a los webmasters a mejorar la experiencia del usuario al tiempo que realzan el impacto visual. Ya sea ajustando los estilos de fuente o personalizando los botones de navegación, Blocksy hace que el dise?o de sitios web sea más eficaz y sencillo. Si desea crear un sitio web atractivo y fácil de usar, Blocksy es la opción ideal.

Actualizaciones recientes


Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨詢:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
? Declaración de reproducción
Este artículo fue escrito por: ladrones serán ratas y ratones coraje
EL FIN
Si le gusta, apóyela.
felicitaciones1244 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios