Uso de Mobile-Detect para mostrar imágenes geni destacadas personalizadas

Ha estado trabajando en un nuevo tema fotográfico y una de las cosas que ha implementado es un estilo «elegante». La diferencia entre los temas de las comunas que se pueden ajustar al navegador sin importar el dispositivo, se configura para poder descargar solo tabletas y dispositivos en el puerto. Good, in the versions / portá til quiero mantener un cierto diseño que requiere que algunas imágenes tengan una altura fia pero quacquier ancho, sin embargo, en la versión móvil quiero que estas mismas imágenes alt una ilimitada pero un ancho fijo .

¿Solución?

Hace poco encontré un atractivo script atractivo «Mobile Detect» que se usaba para cargar mi css/js solo en los dispositivos disponibles, así como la posibilidad de usar el script para mostrar las diferencias de tamaño de imagen para los dispositivos móviles? Para continuar, ¿quieres mostrarnos cómo crear un script entre imágenes e imágenes para dispositivos móviles? de los genes y la creación de diferencias en diferencias imaginarias: una para la computación normal y otra parafernalia.

¿Cómo estás?

Por primera vez, debe usar la función Aqua Resizer en la clase php Mobile Detect con el tema / complemento. Puede mover las funciones de .php o separar el archivo de la función de solicitud ().

Redimensionador de agua

La función Aqua Resizer es muy fácil de usar. La continuación se puede encontrar en una muestra de agregados que agregan un tema para mostrar la imagen de una publicación:


Detección de películas.

La clase Móvil es realmente fácil de usar, aquí hay una muestra de cómo probarla y un visitante está disponible en cualquier forma:

isMobile() ) {
   // Any mobile device.
} ?>

Combine Aqua Resizer y Mobile Detect

Ahora podemos ver que queremos mostrar una imagen que es mucho de mi pequeño (desde el medio de la nada) a todos los usuarios de los dispositivos, puedo hacerlo:

isMobile() ) {
    // Featured image for mobile users
   $featured_image = aq_resize( wp_get_attachment_url( get_post_thumbnail_id() ,'full' ), 300, 150, true ); 
} else {
   // Featured image for all other users
   $featured_image = aq_resize( wp_get_attachment_url( get_post_thumbnail_id() ,'full' ), 600, 300, true ); 
} ?>

Como puede ver, es realmente simple y lleva mucho tiempo alcanzar las posibilidades. Puedes usarlo en proporción a los genes de tus abuelos para pantalones retina (Mobile Detect es muy extensible, incluso puedes probar dispositivos individuales, sistemas operativos, muchos dispositivos y ratones), para mostrarte los genes de mis pequés para un navegador. mover mi mente al punto de pensar que somos, mostrar las diferentes proporciones de los nombres de las personas en los dispositivos.

Nota: Obviamente, también puede usar Post Thumbnails para esto defender el tamaño de la imagen a usar. Estar con el aqua resizer porque es la función que tiene usando ºltimamente en mi require porqueagree estado ultimamente en mi requiereo porqueagrea os de imagen o cuando cambias los factes.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *