En 2012, WordPress 3.4 introdujo una función que los desarrolladores podrían usar para verificar si un visitante estaba usando un dispositivo móvil. La función, llamada wp_is_mobile (), se construyó durante un momento en que la mayoría de los teléfonos móviles tenían poca potencia y los tamaños de pantalla aún eran pequeños en comparación con los estándares actuales.
Pero ahora que el uso móvil ha superado la navegación de escritorio y los teléfonos inteligentes rivalizan las computadoras portátiles en la potencia, plantea una pregunta justa: ¿es WP_IS_Mobile () todavía útil o ha quedado desactualizado?
Exploremos qué hace esta función, cuándo usarla, dónde se queda corto y si aún debe ser parte de su de desarrollo de WordPress .
¿Qué es wp_is_mobile () y qué hace?
La función WP_IS_Mobile () es una función de WordPress incorporada que devuelve verdaderas si un visitante del sitio está utilizando un dispositivo móvil. Verifica la cadena del agente de usuario enviada por el navegador del visitante para determinar si la solicitud proviene de un teléfono inteligente o tableta.
Esta función no distingue entre teléfonos y tabletas, ni analiza el tamaño u orientación de la pantalla. En cambio, se basa en la presencia de palabras clave en el agente de usuario para tomar su decisión. Si la cadena del navegador incluye indicadores de un dispositivo móvil, la función devuelve verdaderas; De lo contrario, devuelve falso.
¿Necesita ayuda experta optimización de WordPress para dispositivos móviles?
Nuestro equipo construye soluciones personalizadas de WordPress que se adaptan a la perfección a los dispositivos de usuario, mejoran el rendimiento y la escala con sus objetivos comerciales.
¿Por qué se introdujo?
Cuando WordPress introdujo la función, el diseño web receptivo apenas comenzaba a despegar. Los desarrolladores a menudo construyeron versiones móviles separadas de sitios web y trabajaron duro para reducir el uso de datos para usuarios móviles. Las limitaciones de ancho de banda y el rendimiento más débil del dispositivo hicieron de la optimización una prioridad máxima.
La idea era simple: permita a los desarrolladores mostrar u ocultar condicionalmente contenido en función de si el visitante estaba en un dispositivo móvil o no.
¿Cómo funciona wp_is_mobile ()?
Aquí hay un ejemplo básico de cómo usar esta función dentro de un archivo de plantilla PHP:
<?php if ( wp_is_mobile() ) { ?><p>Este contenido es para dispositivos móviles.</p><?php } else { ?><p> Este contenido es para usuarios de escritorio.</p><?php } ?>Este fragmento genera un contenido HTML diferente basado en el dispositivo del visitante. Es útil si desea cargar un diseño liviano para usuarios móviles o mostrar instrucciones alternativas.
WP_IS_MOBILE () vs Diseño receptivo
La mayor limitación de wp_is_mobile () es que funciona en el lado del servidor que se involucre cualquier CSS No puede detectar el ancho o la resolución de la pantalla. En cambio, se basa completamente en detectar cadenas en el agente de usuario.
Por otro lado, las consultas de medios CSS y las técnicas de respuesta modernas pueden responder a las dimensiones y orientación reales de la pantalla. Adaptan el diseño de contenido en función de cuánto espacio está disponible, independientemente del tipo de dispositivo.
Si su objetivo es la flexibilidad de diseño, wp_is_mobile () no es la herramienta ideal. Pero si necesita entregar contenido alternativo antes de que se cargue la página, especialmente en función del tipo de dispositivo, esta función aún tiene un propósito.
Cuándo usar wp_is_mobile ()
A pesar de su edad, todavía hay varios casos de uso en los que WP_IS_Mobile () puede ser útil:
- Carga de archivos de imagen más pequeños para dispositivos móviles
- Mostrar instrucciones móviles específicas o contenido de ayuda
- Redireccionando a los usuarios móviles a las páginas de descarga de la aplicación
- Sirviendo encabezados o menús alternativos para visitantes móviles
- Creación de códigos cortos que alternan la visibilidad del contenido según el tipo de dispositivo
Es especialmente útil cuando se combina con funciones personalizadas o códigos cortos que brindan a los editores de contenido más control dentro del editor de bloques de WordPress.
Creación de códigos cortos con wp_is_mobile ()
Para dar a los editores una forma simple de mostrar contenido móvil o solo de escritorio dentro de publicaciones o páginas, puede usar este código en su archivo Functions.php:
add_shortCode ('Desktop', 'show_desktop_content'); función show_desktop_content ($ atts, $ content = null) {if (! wp_is_mobile ()) return do_shortCode ($ content); } add_shortcode ('mobile', 'show_mobile_content'); función show_mobile_content ($ atts, $ content = null) {if (wp_is_mobile ()) return do_shortcode ($ content); }Ahora puede usar [Mobile] Tap [/Mobile] y [Desktop] Haga clic en [/Desktop] para adaptar el idioma según la interacción del dispositivo.
wp_is_mobile () y WordPress en caché
Uno de los mayores desafíos cuando se usa wp_is_mobile () es el almacenamiento en caché . Dado que la función se ejecuta en el servidor, puede causar problemas si el almacenamiento en caché no está configurado correctamente.
Si se crea una versión en caché de una página para un usuario móvil, entonces todos los futuros visitantes, incluidos los usuarios de escritorio, pueden ver la versión móvil a menos que su solución de almacenamiento en caché separe el contenido por tipo de dispositivo.
Esta es la razón por la cual algunos hosts administrados de WordPress ofrecen opciones de almacenamiento en caché móvil separadas, de modo que el contenido se sirve con precisión a cada tipo de visitante.
Limitaciones de wp_is_mobile ()
Si bien es útil en contextos específicos, wp_is_mobile () viene con limitaciones:
- No se puede detectar el tamaño u orientación de la pantalla
- Trata las tabletas y los teléfonos de la misma manera
- Puede identificar mal los dispositivos si las cadenas de agentes de usuario están falsificadas
- No tiene en cuenta los dispositivos modernos con resoluciones de clase de escritorio
Los desarrolladores que trabajan en diseños de respuesta avanzados pueden preferir confiar en consultas de medios CSS o la detección de dispositivos basada en JavaScript para una mayor precisión.
Alternativas a wp_is_mobile ()
Aquí hay algunas alternativas y mejoras modernas:
- Medios CSS para ajustes de diseño
- Bibliotecas de JavaScript como Modernizr para la detección de características
- Marca de imagen receptiva usando el elemento de imagen
- Bloques o complementos condicionales que administran la visibilidad del bloque según el tamaño de la pantalla
Para la flexibilidad de contenido en el editor de bloques, muchos usan complementos de visibilidad de bloque que ofrecen reglas de visualización basadas en dispositivos sin tocar el código PHP.
Pensamientos finales
La función wp_is_mobile () está lejos de ser inútil. Ofrece una forma simple de detectar visitantes móviles y ofrecer contenido alternativo o experiencias del lado del servidor. Si bien no ofrece la delicadeza de de diseño receptivas , todavía juega un papel en situaciones en las que la detección temprana de dispositivos es útil.
Sin embargo, se usa mejor en combinación con otros métodos. Confiar únicamente en esta función puede no dar la experiencia más precisa o fácil de usar, especialmente con la amplia gama de dispositivos de hoy.
