In 2012 WordPress 3.4 een functie waarmee ontwikkelaars konden controleren of een bezoeker een mobiel apparaat gebruikte. De functie, genaamd wp_is_mobile(), werd ontwikkeld in een tijd waarin de meeste mobiele telefoons niet erg krachtig waren en de schermformaten nog klein waren in vergelijking met de huidige standaarden.
Maar nu mobiel gebruik desktopbrowsen heeft overtroffen en smartphones qua rekenkracht met laptops wedijveren, rijst de terechte vraag: is wp_is_mobile() nog steeds nuttig of is het achterhaald?
Laten we eens onderzoeken wat deze functie doet, wanneer je hem moet gebruiken, waar hij tekortschiet en of hij nog steeds deel zou moeten uitmaken van je WordPress-ontwikkeltoolkit .
Wat is wp_is_mobile() en wat doet het?
De functie wp_is_mobile() is een ingebouwde WordPress-functie die true retourneert als een websitebezoeker een mobiel apparaat gebruikt. De functie controleert de user agent-string die door de browser van de bezoeker wordt verzonden om te bepalen of het verzoek afkomstig is van een smartphone of tablet.
Deze functie maakt geen onderscheid tussen telefoons en tablets, en analyseert ook geen schermgrootte of -oriëntatie. In plaats daarvan baseert de functie zich op de aanwezigheid van trefwoorden in de user agent. Als de browserstring indicatoren van een mobiel apparaat bevat, retourneert de functie true; anders retourneert deze false.
Heeft u deskundige hulp nodig bij het optimaliseren van uw WordPress-website voor mobiele apparaten?
Ons team ontwikkelt maatwerk WordPress-oplossingen die naadloos aansluiten op de apparaten van gebruikers, de prestaties verbeteren en meegroeien met uw bedrijfsdoelstellingen.
Waarom werd het geïntroduceerd?
Toen WordPress deze functie introduceerde, begon responsive webdesign net aan zijn opmars. Ontwikkelaars bouwden vaak aparte mobiele versies van websites en werkten hard om het dataverbruik voor mobiele gebruikers te minimaliseren. Beperkte bandbreedte en de zwakkere prestaties van apparaten maakten optimalisatie tot een topprioriteit.
Het idee was simpel: ontwikkelaars de mogelijkheid geven om content voorwaardelijk weer te geven of te verbergen, afhankelijk van of de bezoeker een mobiel apparaat gebruikte of niet.
Hoe werkt wp_is_mobile()?
Hier volgt een eenvoudig voorbeeld van hoe je deze functie in een PHP-sjabloonbestand kunt gebruiken:
<?php if ( wp_is_mobile() ) { ?><p>Deze inhoud is voor mobiele apparaten.</p><?php } else { ?><p> Deze inhoud is bedoeld voor desktopgebruikers.</p><?php } ?>Dit codefragment genereert verschillende HTML-content afhankelijk van het apparaat van de bezoeker. Het is handig als u een lichte lay-out wilt laden voor mobiele gebruikers of alternatieve instructies wilt weergeven.
wp_is_mobile() versus responsief ontwerp
De grootste beperking van wp_is_mobile() is dat het aan de serverzijde, lang voordat er CSS of JavaScript aan te pas komt. Het kan de schermbreedte of -resolutie niet detecteren. In plaats daarvan vertrouwt het volledig op het detecteren van strings in de user agent.
Aan de andere kant CSS-mediaqueries en moderne responsieve technieken reageren op de werkelijke schermafmetingen en -oriëntatie. Ze passen de lay-out van de inhoud aan op basis van de beschikbare ruimte, ongeacht het type apparaat.
Als je lay-outflexibiliteit nastreeft, is wp_is_mobile() niet de ideale tool. Maar als je alternatieve content wilt weergeven voordat de pagina laadt – met name afhankelijk van het apparaattype – dan is deze functie nog steeds nuttig.
Wanneer moet je wp_is_mobile() gebruiken?
Ondanks de leeftijd kan wp_is_mobile() nog steeds op verschillende manieren van pas komen:
- Het laden van kleinere afbeeldingsbestanden voor mobiele apparaten
- Mobielspecifieke instructies of helpinhoud weergeven
- Mobiele gebruikers doorverwijzen naar pagina's voor het downloaden van apps
- Alternatieve headers of menu's aanbieden voor mobiele bezoekers
- Het creëren van shortcodes die de zichtbaarheid van content aanpassen op basis van het apparaattype
Het is met name handig in combinatie met aangepaste functies of shortcodes die contentredacteuren meer controle geven binnen de WordPress-blokeditor.
Shortcodes maken met wp_is_mobile()
Om redacteuren een eenvoudige manier te bieden om content die alleen voor mobiele apparaten of desktops bedoeld is, weer te geven in berichten of pagina's, kunt u deze code in uw functions.php-bestand gebruiken:
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 ); }Nu kun je [mobiel]tikken[/mobiel] en [desktop]klikken[/desktop] om de taal aan te passen aan de interactie met het apparaat.
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 draait, kan dit problemen veroorzaken als de caching niet correct is geconfigureerd.
Als er een gecachede versie van een pagina wordt gemaakt voor een mobiele gebruiker, dan kunnen alle toekomstige bezoekers – inclusief desktopgebruikers – de mobiele versie zien, tenzij uw cachingoplossing de inhoud scheidt op basis van het apparaattype.
Daarom bieden sommige beheerde WordPress-hostingproviders aparte opties voor mobiele caching, zodat de content op de juiste manier wordt weergegeven aan elk type bezoeker.
Beperkingen van wp_is_mobile()
Hoewel wp_is_mobile() in specifieke contexten nuttig kan zijn, kent het wel beperkingen:
- Schermgrootte en -oriëntatie kunnen niet worden gedetecteerd
- Behandelt tablets en telefoons hetzelfde
- Kan apparaten verkeerd identificeren als user agent strings worden vervalst
- Houdt geen rekening met moderne apparaten met een resolutie vergelijkbaar met die van een desktopcomputer
Ontwikkelaars die werken aan geavanceerde responsieve lay-outs geven er wellicht de voorkeur aan om te vertrouwen op CSS-mediaqueries of op JavaScript gebaseerde apparaatdetectie voor meer precisie.
Alternatieven voor wp_is_mobile()
Hieronder volgen enkele moderne alternatieven en verbeteringen:
- CSS-media voor lay-outaanpassingen
- JavaScript-bibliotheken zoals Modernizr voor het detecteren van kenmerken
- Responsieve afbeeldingsopmaak met behulp van het picture-element
- Voorwaardelijke blokken of plug-ins die de zichtbaarheid van blokken aanpassen aan de schermgrootte
Voor meer flexibiliteit in de content van de blokeditor gebruiken velen plugins voor blokzichtbaarheid die apparaatspecifieke weergaveregels bieden zonder dat er PHP-code hoeft te worden aangepast.
Slotgedachten
De functie wp_is_mobile() is zeker niet nutteloos. Het biedt een eenvoudige manier om mobiele bezoekers te detecteren en server-side alternatieve content of ervaringen aan te bieden. Hoewel het niet de verfijning van responsive design- tools biedt, speelt het toch een rol in situaties waarin vroege apparaatdetectie nuttig is.
Het is echter het beste om deze functie in combinatie met andere methoden te gebruiken. Uitsluitend op deze functie vertrouwen levert mogelijk niet de meest nauwkeurige of gebruiksvriendelijke ervaring op, zeker niet met het huidige, diverse aanbod aan apparaten.
