Nel 2012, WordPress 3.4 introdusse una funzione che gli sviluppatori potevano utilizzare per verificare se un visitatore stesse usando un dispositivo mobile. La funzione, chiamata wp_is_mobile(), fu creata in un periodo in cui la maggior parte dei telefoni cellulari aveva prestazioni limitate e le dimensioni dello schermo erano ancora ridotte rispetto agli standard odierni.
Ma ora che l'utilizzo dei dispositivi mobili ha superato la navigazione su desktop e gli smartphone rivaleggiano con i laptop in termini di potenza, sorge una domanda legittima: wp_is_mobile() è ancora utile o è diventato obsoleto?
Analizziamo cosa fa questa funzione, quando usarla, quali sono i suoi limiti e se dovrebbe comunque far parte del tuo di sviluppo WordPress .
Che cos'è wp_is_mobile() e a cosa serve?
La funzione wp_is_mobile() è una funzione integrata di WordPress che restituisce true se un visitatore del sito utilizza un dispositivo mobile. Controlla la stringa dello user agent inviata dal browser del visitatore per determinare se la richiesta proviene da uno smartphone o da un tablet.
Questa funzione non distingue tra telefoni e tablet, né analizza le dimensioni o l'orientamento dello schermo. Si basa invece sulla presenza di parole chiave nell'user agent per prendere la sua decisione. Se la stringa del browser include indicatori di un dispositivo mobile, la funzione restituisce true; in caso contrario, restituisce false.
Hai bisogno dell'aiuto di un esperto per ottimizzare WordPress per i dispositivi mobili?
Il nostro team crea soluzioni WordPress personalizzate che si adattano perfettamente ai dispositivi degli utenti, migliorano le prestazioni e si adattano ai tuoi obiettivi aziendali.
Perché è stato introdotto?
Quando WordPress introdusse questa funzione, il web design responsive stava appena iniziando a decollare. Gli sviluppatori spesso creavano versioni mobili separate dei siti web e si impegnavano a fondo per ridurre il consumo di dati da parte degli utenti. Le limitazioni di banda e le prestazioni inferiori dei dispositivi rendevano l'ottimizzazione una priorità assoluta.
L'idea era semplice: consentire agli sviluppatori di mostrare o nascondere i contenuti in modo condizionale, a seconda che il visitatore utilizzasse o meno un dispositivo mobile.
Come funziona wp_is_mobile()?
Ecco un esempio di base di come utilizzare questa funzione all'interno di un file modello PHP:
<?php if ( wp_is_mobile() ) { ?><p>Questo contenuto è per dispositivi mobili.</p><?php } else { ?><p> Questo contenuto è destinato agli utenti desktop.</p><?php } ?>Questo frammento di codice genera contenuti HTML diversi in base al dispositivo utilizzato dal visitatore. È utile se si desidera caricare un layout leggero per gli utenti mobili o visualizzare istruzioni alternative.
wp_is_mobile() vs Design reattivo
Il limite maggiore di wp_is_mobile() è che funziona lato server , molto prima che intervenga qualsiasi CSS o JavaScript. Non è in grado di rilevare la larghezza o la risoluzione dello schermo. Si basa invece interamente sul rilevamento delle stringhe nello user agent
D'altro canto, le query multimediali CSS e le moderne tecniche responsive possono adattarsi alle dimensioni e all'orientamento effettivi dello schermo, adattando il layout dei contenuti in base allo spazio disponibile, indipendentemente dal tipo di dispositivo.
Se il tuo obiettivo è la flessibilità del layout, wp_is_mobile() non è lo strumento ideale. Ma se hai bisogno di fornire contenuti alternativi prima del caricamento della pagina, soprattutto in base al tipo di dispositivo, questa funzione è comunque utile.
Quando utilizzare wp_is_mobile()
Nonostante la sua età, ci sono ancora diversi casi d'uso in cui wp_is_mobile() può essere utile:
- Caricamento di file di immagini più piccoli per dispositivi mobili
- Visualizzazione di istruzioni specifiche per dispositivi mobili o contenuti di aiuto
- Reindirizzare gli utenti mobili alle pagine di download delle app
- Fornire intestazioni o menu alternativi per i visitatori che utilizzano dispositivi mobili
- Creazione di codici abbreviati che attivano o disattivano la visibilità dei contenuti in base al tipo di dispositivo
È particolarmente utile se abbinato a funzioni personalizzate o codici abbreviati che offrono agli editor di contenuti un maggiore controllo all'interno dell'editor a blocchi di WordPress.
Creazione di codici abbreviati con wp_is_mobile()
Per offrire agli editori un modo semplice per mostrare contenuti adatti solo a dispositivi mobili o desktop all'interno di post o pagine, puoi utilizzare questo codice nel tuo file functions.php:
add_shortcode('desktop', 'show_desktop_content'); function show_desktop_content($atts, $content = null){ if ( !wp_is_mobile() ) return do_shortcode( $content ); } add_shortcode('mobile', 'show_mobile_content'); function show_mobile_content($atts, $content = null){ if ( wp_is_mobile() ) return do_shortcode( $content ); }Ora puoi usare [mobile]tap[/mobile] e [desktop]click[/desktop] per personalizzare la lingua in base all'interazione con il dispositivo.
wp_is_mobile() e memorizzazione nella cache di WordPress
Una delle sfide più grandi nell'utilizzo di wp_is_mobile() è la memorizzazione nella cache. Poiché la funzione viene eseguita sul server, può causare problemi se la memorizzazione nella cache non è configurata correttamente.
Se viene creata una versione memorizzata nella cache di una pagina per un utente mobile, tutti i futuri visitatori, compresi gli utenti desktop, potrebbero visualizzare la versione mobile, a meno che la soluzione di memorizzazione nella cache non separi i contenuti in base al tipo di dispositivo.
Ecco perché alcuni host WordPress gestiti offrono opzioni di caching mobile separate, in modo che i contenuti vengano forniti in modo accurato a ogni tipo di visitatore.
Limitazioni di wp_is_mobile()
Sebbene utile in contesti specifici, wp_is_mobile() presenta delle limitazioni:
- Impossibile rilevare le dimensioni o l'orientamento dello schermo
- Tratta tablet e telefoni allo stesso modo
- Potrebbe identificare erroneamente i dispositivi se le stringhe dell'agente utente vengono falsificate
- Non tiene conto dei dispositivi moderni con risoluzioni di livello desktop
Gli sviluppatori che lavorano su layout responsive avanzati potrebbero preferire affidarsi alle query multimediali CSS o al rilevamento dei dispositivi basato su JavaScript per una maggiore precisione.
Alternative a wp_is_mobile()
Ecco alcune alternative e miglioramenti moderni:
- CSS media per le regolazioni del layout
- Librerie JavaScript come Modernizr per il rilevamento delle funzionalità
- Markup delle immagini reattive utilizzando l'elemento immagine
- Blocchi condizionali o plugin che gestiscono la visibilità dei blocchi in base alle dimensioni dello schermo
Per la flessibilità dei contenuti nell'editor a blocchi, molti utilizzano plugin di visibilità dei blocchi che offrono regole di visualizzazione basate sul dispositivo senza toccare il codice PHP.
Considerazioni finali
La funzione wp_is_mobile() è tutt'altro che inutile. Offre un modo semplice per rilevare i visitatori da dispositivi mobili e fornire contenuti o esperienze alternativi lato server. Sebbene non offra la stessa precisione degli di responsive design , risulta comunque utile in situazioni in cui il rilevamento precoce del dispositivo è fondamentale.
Tuttavia, è meglio utilizzarlo in combinazione con altri metodi. Affidarsi esclusivamente a questa funzione potrebbe non offrire l'esperienza più accurata o intuitiva, soprattutto con la vasta gamma di dispositivi odierni.
