Tilbage i 2012 WordPress 3.4 en funktion, som udviklere kunne bruge til at tjekke, om en besøgende brugte en mobilenhed. Funktionen, kaldet wp_is_mobile(), blev bygget i en tid, hvor de fleste mobiltelefoner var underdimensionerede, og skærmstørrelserne stadig var små sammenlignet med nutidens standarder.
Men nu hvor mobilbrug har overgået desktop-browsing, og smartphones konkurrerer med bærbare computere i kraft, rejser det et rimeligt spørgsmål - er wp_is_mobile() stadig nyttig, eller er det blevet forældet?
Lad os undersøge, hvad denne funktion gør, hvornår den skal bruges, hvor den ikke fungerer, og om den stadig bør være en del af dit WordPress-udviklingsværktøjssæt .
Hvad er wp_is_mobile(), og hvad gør det?
Funktionen wp_is_mobile() er en indbygget WordPress-funktion, der returnerer sand, hvis en besøgende bruger en mobilenhed. Den kontrollerer brugeragentstrengen, der sendes af den besøgendes browser, for at afgøre, om anmodningen kommer fra en smartphone eller tablet.
Denne funktion skelner ikke mellem telefoner og tablets, og den analyserer heller ikke skærmstørrelse eller -retning. I stedet er den afhængig af tilstedeværelsen af nøgleord i brugeragenten for at træffe sin beslutning. Hvis browserstrengen indeholder indikatorer for en mobilenhed, returnerer funktionen sand; ellers returnerer den falsk.
Brug for eksperthjælp til at optimere WordPress til mobile enheder?
Vores team bygger brugerdefinerede WordPress-løsninger, der problemfrit tilpasser sig brugernes enheder, forbedrer ydeevnen og skalerer i takt med dine forretningsmål.
Hvorfor blev det introduceret?
Da WordPress introducerede funktionen, var responsivt webdesign lige begyndt at tage fart. Udviklere byggede ofte separate mobilversioner af websteder og arbejdede hårdt på at reducere dataforbruget for mobilbrugere. Båndbreddebegrænsninger og svagere enhedsydeevne gjorde optimering til en topprioritet.
Ideen var enkel – at give udviklere mulighed for betinget at vise eller skjule indhold baseret på, om den besøgende var på en mobilenhed eller ej.
Hvordan fungerer wp_is_mobile()?
Her er et grundlæggende eksempel på, hvordan man bruger denne funktion i en PHP-skabelonfil:
<?php if ( wp_is_mobile() ) { ?><p>Dette indhold er til mobile enheder.</p><?php } else { ?><p> Dette indhold er til desktopbrugere.</p><?php } ?>Dette kodestykke viser forskelligt HTML-indhold baseret på den besøgendes enhed. Det er nyttigt, hvis du vil indlæse et let layout til mobilbrugere eller vise alternative instruktioner.
wp_is_mobile() vs. responsivt design
Den største begrænsning ved wp_is_mobile() er, at det fungerer på serversiden ,længe før CSS eller JavaScript bliver involveret. Det kan ikke registrere skærmbredde eller opløsning. I stedet er det udelukkende afhængigt af at registrere strenge i brugeragenten.
På den anden side CSS-medieforespørgsler og moderne responsive teknikker reagere på faktiske skærmdimensioner og -retning. De tilpasser indholdslayoutet baseret på, hvor meget plads der er tilgængelig, uanset enhedstypen.
Hvis dit mål er fleksibilitet i layout, er wp_is_mobile() ikke det ideelle værktøj. Men hvis du har brug for at levere alternativt indhold, før siden indlæses – især baseret på enhedstype – tjener denne funktion stadig et formål.
Hvornår skal man bruge wp_is_mobile()
Trods sin alder er der stadig adskillige anvendelsesscenarier, hvor wp_is_mobile() kan være nyttig:
- Indlæsning af mindre billedfiler til mobile enheder
- Visning af mobilspecifikke instruktioner eller hjælpeindhold
- Omdirigerer mobilbrugere til app-downloadsider
- Visning af alternative overskrifter eller menuer til mobilbesøgende
- Oprettelse af shortcodes, der skifter indholds synlighed baseret på enhedstype
Det er især nyttigt, når det parres med brugerdefinerede funktioner eller shortcodes, der giver indholdsredaktører mere kontrol i WordPress-blokeditoren.
Oprettelse af shortcodes med wp_is_mobile()
For at give redaktører en nem måde at vise indhold kun til mobil eller computer i indlæg eller på sider, kan du bruge denne kode i din functions.php-fil:
add_shortcode('desktop', 'show_desktop_content'); function show_desktop_content($atts, $content = null){ if ( !wp_is_mobile() ) return do_shortcode( $content ); } add_shortcode('mobil', 'show_mobile_content'); function show_mobile_content($atts, $content = null){ if (wp_is_mobile() ) return do_shortcode( $content ); } Bemærk: Funktionen "show_mobile_content" er "atts", "content" er "null"; } Bemærk: Funktionen "show_mobile_content" er "content" og "wp_is_mobile()" er "content ..Nu kan du bruge [mobile]tap[/mobile] og [desktop]klik[/desktop] til at tilpasse sproget baseret på enhedsinteraktion.
wp_is_mobile() og WordPress-caching
En af de største udfordringer ved brug af wp_is_mobile() er caching. Da funktionen kører på serveren, kan det forårsage problemer, hvis caching ikke er konfigureret korrekt.
Hvis der oprettes en cachelagret version af en side til en mobilbruger, kan alle fremtidige besøgende – inklusive desktopbrugere – se mobilversionen, medmindre din cacheløsning adskiller indhold efter enhedstype.
Derfor tilbyder nogle administrerede WordPress-hosts separate mobilcaching-muligheder, så indholdet serveres præcist til hver type besøgende.
Begrænsninger for wp_is_mobile()
Selvom wp_is_mobile() er nyttig i specifikke sammenhænge, har den også begrænsninger:
- Kan ikke registrere skærmstørrelse eller -retning
- Behandler tablets og telefoner ens
- Kan fejlidentificere enheder, hvis brugeragentstrenge forfalskes
- Tager ikke højde for moderne enheder med opløsninger på desktop-niveau
Udviklere, der arbejder med avancerede responsive layouts, foretrækker muligvis at bruge CSS-medieforespørgsler eller JavaScript-baseret enhedsdetektion for at opnå større præcision.
Alternativer til wp_is_mobile()
Her er et par moderne alternativer og forbedringer:
- CSS-medier til layoutjusteringer
- JavaScript-biblioteker som Modernizr til funktionsdetektion
- Responsiv billedmarkup ved hjælp af picture-elementet
- Betingede blokke eller plugins, der administrerer blokkes synlighed baseret på skærmstørrelse
For at opnå fleksibilitet i indholdet i blokeditoren bruger mange bloksynlighedsplugins, der tilbyder enhedsbaserede visningsregler uden at røre PHP-kode.
Afsluttende tanker
Funktionen wp_is_mobile() er langt fra ubrugelig. Den tilbyder en simpel måde at registrere mobile besøgende og levere alternativt indhold eller oplevelser på serversiden. Selvom den ikke tilbyder den samme finesse som responsive designværktøjer , spiller den stadig en rolle i situationer, hvor tidlig enhedsdetektion er nyttig.
Det bruges dog bedst i kombination med andre metoder. At udelukkende stole på denne funktion giver muligvis ikke den mest præcise eller brugervenlige oplevelse, især med nutidens varierede udvalg af enheder.
