Hace tiempo que me percaté de que la mayoría de los usuarios que visitan mi blog tienen una resolución de pantalla determinada. Gracias al informe de Google Analytics pude saber cuál la resolución de los móviles más habituales con los que visualizan mi blog y gracias a ello voy a poder realizar unos pequeños ajustes para que la experiencia de mis seguidores sea más saludable.

Según el informe de Google Analytics, los dispositivos con los que visitan mi web tienen las siguientes resoluciones:

Ajustar la tipografía de Divi para los móviles 01

Como podemos ver, la resolución que más destaca es la de 360x640 píxeles. Vamos a realizar algunas comprobaciones con Chrome y Firefox para que podáis ver lo que quiero conseguir.

Con Chrome, si usamos la Herramienta para Desarrolladores pulsando la tecla F12, podemos ajustar el tamaño de visualización a la resolución contreta que nos dice el informe de Google Analytics.

En esta primera captura podemos ver que todo parece correcto.

Ajustar la tipografía de Divi para los móviles 02

Pero si entramos en el artículo, vemos que algo falla. El tamaño del titular del artículo aparece exageradamente grande.

Ajustar la tipografía de Divi para los móviles 03

Si esta vez usamos el Personalizador de WordPress, y navegamos por los menús de ajustes de Divi entrando en Estilos para dispositivos móviles y después en teléfono, llegamos hasta los siguientes parámetros configurables. Hasta aquí, vemos que se ve correctamente. Vamos a entrar dentro del artículo para ver si vemos el mismo problema que vimos con Chrome.

Ajustar la tipografía de Divi para los móviles 04

Entramos dentro del artículo, y vemos lo que nos esperábamos, un titular demasiado grande. Si nos fijamos en los parámetros de configuración podemos ver que el último parámetro tiene un valor de 30.

Ajustar la tipografía de Divi para los móviles 05

Si los ajustamos a su mínimo, 22, ya la cosa cambia. Ahora está más decente. Este mismo cambio, deberíamos hacerlo también en los ajustes de la Tableta, ya que tiene el mismo problema.

Ajustar la tipografía de Divi para los móviles 06

Y eso es todo. Espero que a partir de ahora no os dejeis la vista cuando leáis mi blog desde el móvil.

Si te ha parecido interesante este artículo y crees que Divi puede ayudarte con tu proyecto Web y estás pensando en comprarlo, te pido que lo hagas pinchando en la siguiente imagen. Estoy afiliado a ElegantThemes y me llevaría una pequeña comisión si llegas a comprarlo. De esta manera me ayudas a mantener el blog y a escribir más artículos como este.

Si además, te haces suscriptor de ElegantThemes, podrás comprarlo con hasta un 20% de descuento en algunos casos.

AfiliadosDivi

Guardar

Guardar

Advertisements

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Pin It on Pinterest

Share This

Compártelo

¡Comparte este artículo con tus amigos!