In 2012 WordPress 3.4 een functie die ontwikkelaars konden gebruiken om te controleren of een bezoeker een mobiel apparaat gebruikte. De functie, WP_IS_MOBILE (), werd gebouwd in een tijd waarin de meeste mobiele telefoons werden onderverdeeld en de schermgroottes nog klein waren in vergelijking met de normen van vandaag.
Maar nu het mobiele gebruik desktopbrowsing en smartphones rivaliserende laptops in vermogen heeft overtroffen, roept het een eerlijke vraag op - is wp_is_mobile () nog steeds nuttig of is het verouderd geraakt?
Laten we onderzoeken wat deze functie doet, wanneer deze te gebruiken, waar deze tekortschiet en of het nog steeds deel moet uitmaken van uw WordPress Development Toolkit.
Wat is wp_is_mobile () en wat doet het?
De functie wp_is_mobile () is een ingebouwde WordPress-functie die true retourneert als een sitebezoeker een mobiel apparaat gebruikt. Het controleert de tekenreeks van de gebruikersagent die door de browser van de bezoeker is verzonden om te bepalen of het verzoek afkomstig is van een smartphone of tablet.
Deze functie maakt geen onderscheid tussen telefoons en tablets, noch analyseert het schermgrootte of oriëntatie. In plaats daarvan vertrouwt het op de aanwezigheid van trefwoorden in de gebruikersagent om zijn beslissing te nemen. Als de browserreeks indicatoren van een mobiel apparaat bevat, retourneert de functie true; Anders retourneert het onwaar.
Heb je deskundige hulp nodig om WordPress te optimaliseren voor mobiele apparaten?
Ons team bouwt aangepaste WordPress -oplossingen die naadloos zich aanpassen aan gebruikersapparaten, de prestaties verbeteren en schalen met uw zakelijke doelen.
Waarom is het geïntroduceerd?
Toen WordPress de functie introduceerde, begon het responsieve webontwerp net van start te gaan. Ontwikkelaars bouwden vaak afzonderlijke mobiele versies van websites en werkten hard om het gegevensgebruik voor mobiele gebruikers te verminderen. Bandbreedtebeperkingen en zwakkere apparaatprestaties maakten optimalisatie tot een topprioriteit.
Het idee was eenvoudig - sta ontwikkelaars in staat om inhoud voorwaardelijk te tonen of te verbergen op basis van of de bezoeker op een mobiel apparaat zat of niet.
Hoe werkt wp_is_mobile ()?
Hier is een fundamenteel voorbeeld van het gebruik van deze functie in een PHP -sjabloonbestand:
<?php if ( wp_is_mobile() ) { ?><p>Deze inhoud is voor mobiele apparaten.</p><?php } else { ?><p> Deze inhoud is voor desktopgebruikers.</p><?php } ?>Dit fragment voert verschillende HTML -inhoud uit op basis van het apparaat van de bezoeker. Het is handig als u een lichtgewicht lay -out voor mobiele gebruikers wilt laden of alternatieve instructies weergeeft.
wp_is_mobile () vs responsief ontwerp
De grootste beperking van wp_is_mobile () is dat het aan de serverzijde , lang voordat CSS of JavaScript wordt betrokken. Het kan geen schermbreedte of resolutie detecteren. In plaats daarvan is het volledig afhankelijk van het detecteren van snaren in de gebruikersagent.
Aan de andere kant CSS -media -vragen en moderne responsieve technieken reageren op daadwerkelijke schermafmetingen en oriëntatie. Ze passen de inhoudslay -out aan op basis van hoeveel ruimte beschikbaar is, ongeacht het type apparaat.
Als uw doel lay -outflexibiliteit is, is WP_IS_MOBILE () niet het ideale hulpmiddel. Maar als u alternatieve inhoud moet leveren voordat de pagina wordt geladen - vooral op basis van apparaattype - dient deze functie nog steeds een doel.
Wanneer te gebruiken wp_is_mobile ()
Ondanks zijn leeftijd zijn er nog steeds verschillende use cases waarbij wp_is_mobile () nuttig kan zijn:
- Kleinere afbeeldingsbestanden laden voor mobiele apparaten
- Mobielspecifieke instructies weergeven of inhoud helpen
- Het omleiden van mobiele gebruikers naar het downloaden van pagina's voor apps
- headers bedienen voor mobiele bezoekers
- Het maken van shortcodes die de zichtbaarheid van inhoud schakelen op basis van het apparaattype
Het is vooral handig in combinatie met aangepaste functies of shortcodes die inhoudeditors meer controle geven in de WordPress -blokeditor.
Shortcodes maken met wp_is_mobile ()
Om editors een eenvoudige manier te geven om mobiele of bureaublad-inhoud in berichten of pagina's weer te geven, kunt u deze code in uw functies.php-bestand gebruiken:
add_shortcode ('desktop', 'show_desktop_content'); functie show_desktop_content ($ atts, $ content = null) {if (! wp_is_mobile ()) return do_shortcode ($ content); } add_shortcode ('mobile', 'show_mobile_content'); functie show_mobile_content ($ atts, $ content = null) {if (wp_is_mobile ()) return do_shortcode ($ content); }Nu kunt u [Mobile] Tik gebruiken [/Mobile] en [Desktop] Klik op [/Desktop] om de taal op te passen op basis van apparaatinteractie.
wp_is_mobile () en WordPress Caching
Een van de grootste uitdagingen bij het gebruik van wp_is_mobile () is caching . Omdat de functie op de server wordt uitgevoerd, kan dit problemen veroorzaken als caching niet correct is geconfigureerd.
Als een cache -versie van een pagina wordt gemaakt voor een mobiele gebruiker, kunnen alle toekomstige bezoekers - inclusief desktopgebruikers - de mobiele versie zien, tenzij uw cachingoplossing inhoud op apparaattype scheidt.
Dit is de reden waarom sommige beheerde WordPress -hosts afzonderlijke mobiele cachingopties bieden, zodat inhoud nauwkeurig wordt bediend aan elk type bezoeker.
Beperkingen van wp_is_mobile ()
Hoewel nuttig in specifieke contexten, komt wp_is_mobile () met beperkingen:
- Kan geen schermgrootte of oriëntatie detecteren
- Behandelt tabletten en telefoons hetzelfde
- Kan apparaten verkeerd identificeren als tekenreeksen van gebruikersagent worden vervalst
- Houdt geen rekening met moderne apparaten met resoluties voor desktopklasse
Ontwikkelaars die aan geavanceerde responsieve lay-outs werken, kunnen er de voorkeur aan geven om te vertrouwen op CSS-media-query's of op JavaScript gebaseerde apparaatdetectie voor meer precisie.
Alternatieven voor wp_is_mobile ()
Hier zijn een paar moderne alternatieven en verbeteringen:
- CSS -media voor aanpassingen van de lay -out
- JavaScript -bibliotheken zoals Modernizr voor functiedetectie
- Responsieve beeldmarkering met behulp van het beeldelement
- Voorwaardelijke blokken of plug -ins die de zichtbaarheid van het blok beheren op basis van schermgrootte
Voor contentflexibiliteit in de blokeditor gebruiken velen de plug-ins van het blok zichtbaarheid die op apparaat gebaseerde weergavegels aanbieden zonder de PHP-code aan te raken.
Laatste gedachten
De functie wp_is_mobile () is verre van nutteloos. Het biedt een eenvoudige manier om mobiele bezoekers te detecteren en alternatieve inhoud te leveren of server-side te ervaren. Hoewel het niet de finesse van responsieve ontwerptools , speelt het nog steeds een rol in situaties waarin vroege apparaatdetectie nuttig is.
Het wordt echter het beste gebruikt in combinatie met andere methoden. Alleen vertrouwen op deze functie geeft misschien niet de meest nauwkeurige of gebruiksvriendelijke ervaring, vooral met het diverse scala aan apparaten van vandaag.
