Nel 2012, WordPress 3.4 ha introdotto una funzione che gli sviluppatori potevano utilizzare per verificare se un visitatore utilizzava un dispositivo mobile. La funzione, chiamata WP_IS_MOBILE (), è stata costruita durante un periodo in cui la maggior parte dei telefoni cellulari erano sottodimensionati e le dimensioni dello schermo erano ancora piccole rispetto agli standard di oggi.
Ma ora che l'utilizzo mobile ha superato la navigazione desktop e gli smartphone i laptop rivali in potenza, solleva una domanda equa: WP_IS_MOBILE () è ancora utile o è diventato obsoleto?
Esploriamo cosa fa questa funzione, quando usarla, dove non è all'altezza e se dovrebbe ancora far parte del tuo di sviluppo di WordPress .
Cos'è wp_is_mobile () e cosa fa?
La funzione WP_IS_MOBILE () è una funzione WordPress integrata che restituisce true se un visitatore del sito utilizza un dispositivo mobile. Controlla la stringa dell'agente utente inviato 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. Invece, si basa sulla presenza di parole chiave nell'agente utente per prendere la sua decisione. Se la stringa del browser include indicatori di un dispositivo mobile, la funzione restituisce vera; Altrimenti, restituisce falso.
Hai bisogno di aiuto per esperti di ottimizzare WordPress per i dispositivi mobili?
Il nostro team crea soluzioni WordPress personalizzate che si adattano perfettamente ai dispositivi utente, migliorano le prestazioni e si ridimensionano con gli obiettivi aziendali.
Perché è stato introdotto?
Quando WordPress ha introdotto la funzione, il web design reattivo stava appena iniziando a decollare. Gli sviluppatori spesso creavano versioni mobili separate di siti Web e lavoravano duramente per ridurre l'utilizzo dei dati per gli utenti mobili. Le limitazioni della larghezza di banda e le prestazioni più deboli del dispositivo hanno reso l'ottimizzazione una priorità assoluta.
L'idea era semplice: consentire agli sviluppatori di mostrare o nascondere condizionalmente il contenuto in base al fatto che il visitatore fosse su un dispositivo mobile o meno.
Come funziona wp_is_mobile ()?
Ecco un esempio di base su come utilizzare questa funzione all'interno di un file modello PHP:
<?php if ( wp_is_mobile() ) { ?><p>Questo contenuto è per i dispositivi mobili.</p><?php } else { ?><p> Questo contenuto è per gli utenti desktop.</p><?php } ?>Questo snippet emette diversi contenuti HTML in base al dispositivo del visitatore. È utile se si desidera caricare un layout leggero per gli utenti mobili o visualizzare istruzioni alternative.
wp_is_mobile () vs design reattivo
La più grande limitazione di WP_IS_MOBILE () è che funziona sul lato server , molto prima che venga coinvolto qualsiasi CSS o JavaScript. Non può rilevare la larghezza o la risoluzione dello schermo. Invece, si basa interamente sul rilevamento di stringhe nell'agente utente.
D'altra parte, le query multimediali CSS e le moderne tecniche reattive possono rispondere alle dimensioni e all'orientamento dello schermo effettivi. Adattano il layout dei contenuti in base alla quantità di spazio disponibile, indipendentemente dal tipo di dispositivo.
Se il tuo obiettivo è la flessibilità del layout, WP_IS_MOBILE () non è lo strumento ideale. Ma se è necessario fornire contenuti alternativi prima che i carichi della pagina, specialmente in base al tipo di dispositivo, questa funzione serve comunque a uno scopo.
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 assistenza ai contenuti
- Reindirizzamento degli utenti mobili alle pagine per il download dell'app
- Servire intestazioni o menu per i visitatori mobili
- Creazione di codi short che attivano la visibilità del contenuto in base al tipo di dispositivo
È particolarmente utile se associato a funzioni personalizzate o codi short che offrono ai redattori di contenuti più controllo all'interno dell'editor di blocchi WordPress.
Creazione di codi short con wp_is_mobile ()
Per dare agli editori un modo semplice per mostrare contenuti mobili o solo desktop all'interno di post o pagine, è possibile utilizzare questo codice nel file funzioni.php:
add_shortCode ('desktop', 'show_desktop_content'); funzione show_desktop_content ($ atts, $ content = null) {if (! wp_is_mobile ()) return do_shortcode ($ content); } add_shortCode ('mobile', 'show_mobile_content'); funzione show_mobile_content ($ ATS, $ content = null) {if (wp_is_mobile ()) return do_shortCode ($ content); }Ora puoi utilizzare [Mobile] TAP [/Mobile] e [Desktop] Fare clic su [/desktop] per personalizzare il linguaggio in base all'interazione del dispositivo.
WP_IS_MOBILE () e Caching WordPress
Una delle maggiori sfide quando si utilizza 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 - inclusi gli utenti desktop - potrebbero vedere la versione mobile a meno che la soluzione di memorizzazione nella cache non separa il contenuto per tipo di dispositivo.
Questo è il motivo per cui alcuni host WordPress gestiti offrono opzioni di memorizzazione mobile separate, in modo che il contenuto sia accuratamente servito a ciascun tipo di visitatore.
Limitazioni di WP_IS_MOBILE ()
Sebbene utile in contesti specifici, WP_IS_MOBILE () presenta limitazioni:
- Impossibile rilevare le dimensioni o l'orientamento dello schermo
- Tratta compresse e telefoni lo stesso
- Può identificare erroneamente i dispositivi se le stringhe dell'agente utente vengono falsificate
- Non tiene conto dei dispositivi moderni con risoluzioni di classe desktop
Gli sviluppatori che lavorano su layout reattivi avanzati potrebbero preferire fare affidamento su query multimediali CSS o il rilevamento di dispositivi basati su JavaScript per una maggiore precisione.
Alternative a wp_is_mobile ()
Ecco alcune alternative e miglioramenti moderni:
- Media CSS per le regolazioni del layout
- Librerie JavaScript come Modernizr per il rilevamento delle funzionalità
- Markup di immagine reattivo usando l'elemento immagine
- Blocchi o plugin condizionali che gestiscono la visibilità del blocco in base alle dimensioni dello schermo
Per la flessibilità del contenuto nell'editor di blocchi, molti utilizzano plugin di visibilità dei blocchi che offrono regole di visualizzazione basate sui dispositivi senza toccare il codice PHP.
Pensieri finali
La funzione WP_IS_MOBILE () è tutt'altro che inutile. Offre un modo semplice per rilevare i visitatori mobili e fornire contenuti alternativi o esperienze sul lato server. Sebbene non offra la finezza di di progettazione reattivi , svolge ancora un ruolo in situazioni in cui il rilevamento precoce dei dispositivi è utile.
Tuttavia, è meglio usato in combinazione con altri metodi. Fare affidamento esclusivamente su questa funzione potrebbe non dare l'esperienza più accurata o intuitiva, in particolare con la vasta gamma di dispositivi di oggi.
