Agregue fácilmente soporte de gestos a su sitio de WordPress

Google ha enfatizado la importancia del contenido móvil durante los últimos años. Si es un webmaster, es realmente importante que su sitio web sea compatible con dispositivos móviles, a menos que no le preocupe el tráfico proveniente de dispositivos móviles, que fácilmente podría representar el 30% del tráfico total.

Un factor importante del dispositivo móvil es su pequeña pantalla (en comparación con un escritorio), razón por la cual el diseño web receptivo se ha convertido en una solución popular para hacer que el sitio web se visualice bien en varios tamaños de pantalla. Otro factor que los webmasters han pasado por alto es la compatibilidad con los gestos. La mayoría, si no todos, los dispositivos móviles en estos días hacen un uso extensivo de acciones de gestos (deslizar, pellizcar, tocar dos veces, etc.) mientras que la mayoría de los sitios web todavía utilizan la forma convencional de apuntar y hacer clic para navegar por el sitio. En este artículo, le mostraré cómo puede agregar fácilmente soporte de gestos a su sitio de WordPress.

Tocca.js es un javascript muy simple que puede detectar acciones de gestos como «tocar», «tocar dos veces», «deslizar hacia arriba», «deslizar hacia abajo», «deslizar hacia la izquierda». A menos que sea un desarrollador, no sabrá qué hacer con él. Aquí es donde entra en juego el complemento Gestures. Hace uso del script Tocca.js y agrega soporte de gestos a su sitio.

Uso

1. Descarga Gestos desde su página de Github. Extraiga el archivo y cargue la carpeta en su directorio de complementos de WordPress.

2. Active el complemento en la sección Complementos de WordPress.

3. Vaya a «Configuración -> Gestos». Aquí es donde puede configurar los ajustes.

El campo «Identificador de contenedor de contenido» es el área del sitio donde desea que se active el gesto. Por lo general, se establece en el div de contenido principal. Por ejemplo, para nuestro tema, el contenido principal reside debajo del class="content"div, por lo que ingresaremos .contenten el campo Identificador del contenedor de contenido.

Para el siguiente campo, ingrese la URL a la que se redirigirá al usuario cuando toque dos veces en el sitio. Por lo general, se establece en la página de inicio del sitio.

4. Una vez que haya terminado, haga clic en «Guardar cambios». Eso es. Ahora puede cargar su sitio en su dispositivo móvil y probar la acción de deslizar hacia la izquierda / derecha.

Cosas a tener en cuenta

1. El complemento Gestos depende de la etiqueta anterior / siguiente en el encabezado de su tema para funcionar. Se sabe que algunos temas eliminan estas etiquetas, ya que no son útiles en la mayoría de los casos. También se sabe que WordPress SEO y varios otros complementos eliminan estas etiquetas. Si no puede hacer que Gestos funcione, probablemente esta sea la razón.

Una de las formas de abordar esto es volver a agregar la etiqueta anterior / siguiente en el encabezado de su tema. Para hacer esto, abra el archivo functions.php en su carpeta de temas y agregue esta línea al final.

2. Si no está seguro del identificador de contenedor de contenido para su tema, puede utilizar las herramientas de desarrollo en Google Chrome para encontrar el div contenedor. En Google Chrome, haga clic derecho en el área de contenido principal y seleccione «Inspeccionar elemento». La ventana del Inspector se mostrará y resaltará la ubicación actual en la que hace clic. Desplácese hacia arriba para encontrar su div principal. Lo más probable es que sea el contenedor que estás buscando.

3. Para probar la acción del gesto en el escritorio, simplemente haga clic y mantenga presionado el mouse y arrastre hacia la izquierda / derecha. Esto equivale a deslizar el dedo hacia la izquierda y hacia la derecha en el móvil.

Eso es. Pruébelo y háganos saber si esto funciona para usted.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario