• Hola a todos,

    He pasado Google Insights por mi web y me sale el aviso de que:

    El tamaño de los elementos táctiles no es el adecuado El 30 % de los elementos táctiles tiene un tamaño adecuado

    Los elementos interactivos, como los botones y enlaces, deben ser lo suficientemente grandes (48×48 px) y tener suficiente espacio alrededor para poder tocarlos con facilidad sin superponerse con otros elementos.

    Y luego un listado largo en que si no me equivoco todo son categorias situadas en la barra lateral izquierda del tema.

    Adjunto captura de un trozo del analisis de Insights.

    "Screenshot-20230509-141812-Chrome"

    Algun consejo de como puedo modificar estos elementos para adecuarlos a estas indicaciones?

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • Moderador almendron

    (@almendron)

    Ese es el menor de tus problemas. Tu diseño no se adapta a los dispositivos móviles. Deberías ir pensando en cambiar de tema.

    Iniciador del debate fotov60

    (@fotov60)

    Esteticamente es el que mas me gusta, no he encontrado ningún otro parecido que se adapte al telefono movil. Quizas mas adelante si aprendo suficiente pueda conseguir hacer una version del mismo que sea adaptable, pero estoy empezando por cosas pequeñas que van apareciendo en herramientas como Insights que recomiendan optimizaciones sobre lo que tengo disponible actualmente.

    Agradeceré cualquier ayuda en ese sentido. Saludos.

    Moderador almendron

    (@almendron)

    Pero es que no se adapta al móvil. Eso es lo que intento decirte. Entras y solo se ve el sidebar de la izquierda y un poco del texto.

    No te sirve ir arreglando algunos aspectos menores. Lo único que puedo recomendarte es que cambies de tema.

    Iniciador del debate fotov60

    (@fotov60)

    Eso es por una de las recomendaciones que me hizo Insights, en que añadí

    / Agregar meta viewport
    function agregar_meta_viewport() {
      echo '<meta name="viewport" content="width=device-width, initial-scale=1.0">' . "\n";
    }
    add_action('wp_head', 'agregar_meta_viewport');

    al archivo functions.php y muestra la web en esa escala (marcaba como error de accesibilidad la no inclusión del meta_viewport), pero si la «pellizcas» puedes reducir la escala y ajustar el zoom a la pantalla donde la estes visualizando. Igual que solucioné eso, mas adelante podré encontrar como hacerla compatible con los moviles.

    Moderador almendron

    (@almendron)

    Para adaptarlo a móviles deberás modificar la hoja de estilos así como la posición de varios elementos y eso no es nada sencillo.

    Iniciador del debate fotov60

    (@fotov60)

    Lo se, y ahora mismo no tengo los conocimientos, pero no tengo prisa. Prefiero ir poco a poco y hacerlo a mi gusto que verme obligado a cambiar a algo a la fuerza solo porque en este momento no este disponible.

    De hecho en Insights he conseguido mejorar todas las puntuaciones a mas de 90, empezando algunas por 60 aproximadamente. De hecho solo me queda un error por sección.

Viendo 6 respuestas - de la 1 a la 6 (de un total de 6)
  • El debate ‘Como modificar elementos tactiles de la plantilla?’ está cerrado a nuevas respuestas.