[Resuelto] Eliminar zoom con dos dedos de pantalla moviles  

Hola Ana

Puedes probar añadir lo siguiente en el archivo header.php que encontras la carpeta de la instalación wp-content -> themes -> tu_plantilla:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Tienes que añadirlo antes de la etiqueta </header>

Porque quieres eliminar la opción de Zoom? Desactivar el zoom puede afectar la experiencia de usuarios con problemas de visión. 

Un Saludo

Hola Pepe!

Que alegría! Espero que estés muy bien 😊 

Gracias lo probaré a ver que tal.

Tienes toda la razón, sobre lo que me has dicho si no se tiene buena vista es mejor tener a opción de ampliar, sin duda.

Yo lo digo por dos cosas, una por que a veces no quiero que se amplíen más las imágenes que se muestran, no se .. por ejemplo en una foto que interesante que te lleva a otro lugar, y si ya la amplían , la ven y se van, en cambio si no pueden y desean ver detalles de la foto, normalmente se hace clic y vas a otra página para ver si la puedes ver mas grande y entra en otra página que es lo que conviene.

Y también porque si envían un formulario con la pantalla ampliada y luego aparece el mensaje aquel de respuesta de "Tu mensaje ha sido recibido, Gracias por enviarlo" (o algo así) pues si la pantalla está ampliada se ve parcialmente, solo un trozo.

Pero es que sí tienes razón que la ampliación mejora la experiencia para las personas que no ven bien letras tán pequeñas.

Haré una prueba, a ver si va bien o es mejor dejar que se pueda ampliar.

Muchas gracias por tu ayuda!

Un abrazo grande y cuídate mucho Pepe!

Ana 😊 🤗 

Hola Ana.

Una opcion podria ser bloquearlas con CSS:

/* Desactivar el zoom en una imagen específica */
.no-zoom {
touch-action: none; /* Deshabilita el zoom táctil */
-ms-touch-action: none; /* Para navegadores antiguos */
user-select: none; /* Desactiva la selección de la imagen */
}

Este CSS deshabilitará las acciones táctiles en la imagen con la clase no-zoom.

Añadir la Clase Personalizada a la Imagen

Si no has asignado una clase personalizada a la imagen, puedes hacerlo de la siguiente manera:

1. Editar la Página o Entrada: Ve a la página o entrada donde está la imagen.
2. Seleccionar la Imagen: Haz clic en la imagen en el editor.
3. Añadir Clase CSS: En el bloque de la imagen, en la sección de opciones avanzadas (en el editor de bloques de WordPress o en el editor clásico), puedes añadir la clase no-zoom en el campo Clase CSS.

Un saludo

Muchas gracias Pepe!

Eres un crack! 😊

PD. Creo que voy a hacerte caso y me voy a pensar lo de desactivar el zoom.

Un abrazo y muchas gracias por tu gran ayuda siempre Pepe!

Ana 🤗 

Hola Ana,

Encantados siempre de poder ayudar, si tienes alguna otra duda estaremos por aquí.

Un saludo 🖐️