wp_is_mobile(): WordPress-Inhalte nur für mobile Geräte

function wp_is_mobile() {
    if ( empty($_SERVER['HTTP_USER_AGENT']) ) {
        $is_mobile = false;
    } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false // many mobile devices (all iPhone, iPad, etc.)
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) {
            $is_mobile = true;
    } else {
        $is_mobile = false;
    }
 
    return $is_mobile;
}

<?php if (wp_is_mobile()) {
	// Das hier wird nur auf den mobilen Geräten angezeigt
} ?>

<?php if (!wp_is_mobile()) {
	// Das hier wird nicht auf den mobilen Geräten angezeigt
} ?>

15 Kommentare

1. Deutlich bessere Möglichkeiten bietet das Plugin mobble:
   https://wordpress.org/plugins/mobble/
   So kann z.B. auch zwischen Tablet und Mobile unterschieden werden. Oder auf Hersteller-spezifische Probleme/Möglichkeiten eingegangen werden.

   1. Das ist unfair, du hast jetzt einen der nächsten Punkte in meinem Reaktionsplan verraten. ?

      1. Oh, verdammt. Das wollte ich nicht ?

   2. Spannendes Thema! Ich freue mich schon auf deinen nächsten Artikel Vladimir 😉

2. Problematisch ist die Funktion allerdings, wenn man ein Cache-Plugin verwendet… Je nach erstem Aufruf ist dann entweder die mobile oder nicht-mobile Version im Cache und wird jedem Nutzer angezeigt, egal mit welchem Device er sich die Seite ansieht…

   1. Hallo Marcus,
      das ist ein guter Einwand. Habe es auf einer Installation ausprobiert ohne aktiviertem Cache-Plugin. Wobei ich zum Beispiel weiß, dass Hyper Cache separate Caches für mobile und nicht-mobile Geräte anbietet. Man müsste es ausprobieren wie zuverlässig diese Erkennung ist.

      1. Hi Vladimir,

         W3 Total Cache z.B. wird out of the box zu Problemen führen. Man müsste über User Agent Groups regeln, dass mobile Seite extra behandelt werden…

         Kleinere, einfachere Cache-Plugins werden allerdings wohl immer entweder die eine oder andere Version cachen.

         Hyper Cache kenne ich nicht so gut.

3. Nutze die Funktion nun auch schon eine Weile. Hab diese durch Zufall entdeckt und spart mir den Einsatz von mobiledetect.net. wp_is_mobile funktioniert auch mit Windows Mobile gut. Was das Thema Cache angeht, da gibt es ja leider immer Probleme mit diversen Dingen die man nur bestimmten Usern anbietet, daher hab ich seit langem ein selbstgeschriebenes Cachesystem im Einsatz.

4. Vielen Dank, diese Funktion kannte ich noch nicht. (auch das Plugin nicht) Aber ich werde sie auch ganz bestimmt freiwillig nicht verwenden, weil das Browser-Sniffing nicht verlässlich ist. Darauf sollte man hinweisen.

   z.B. MDN warnt: “It’s worth re-iterating: it’s very rarely a good idea to use user agent sniffing. You can almost always find a better, more broadly compatible way to solve your problem!” (https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)

   Das kommt jetzt hoffentlich nicht abwertend rüber. Ich lese Deine Artikel gerne und lerne viel dazu. 🙂

5. Die Funktion wp_is_mobile() ist eigentlich nur für den WordPress-internen Einsatz gedacht! Sie wird daher auch nicht in den Twenty *-Themes verwendet, wie man u.a. an dieser Trac-Diskussion sehen kann:
   https://core.trac.wordpress.org/ticket/26221

   Aufgrund der genannten Probleme, u.a. mit Caching, sowie der Beschränktheit der Funktion, ist es weit bessere, andere Bibliotheken bzw. Alternativen einzusetzen. U.a. “Mobble” Plugin, oder auch die Mobile-Bibliothek aus Jetpack, die wesentlich besser, weitläufiger ist und vor allem auch für den Frontend-Einsatz konzipiert wurde!

6. Ich bevorzuge es lieber anhand von CSS-Klassen die Bildschirmbreite als Basis für derartiges zu verwenden. Dann gibt es weder mit Caching Probleme, noch traue ich den übermittelten User-Agent-Daten als Basis hierfür. CSS-Frameworks liefern für diese zwecke ja meist schon out of the boc die richtigen Klassen mit.

7. […] noch ein Punkt zur technischen Seite des Bloggens: Vladimir hat mir klar gemacht, dass man gewisse Inhalte nur für mobile Geräte sichtbar oder unsichtbar machen kann – eine coole Sache, die ich dringend noch in meinem Blog einbauen will. Und auch […]

8. Jemand eine Ahnung wie man einen Shortcode einbindet, bzw. so das der Shortcode nur auf Mobile angezeigt wird?

9. Hi Vladimir,

   hast du wp_is_mobile() auch mit dem “Widget Logic”-Plugin getestet?

   Ich muss feststellen, dass diese Funktion in meinem Widget beim “Widget Logic”-Input nicht zuversichtlich greift.

   Auf deine Meinung freue ich mich.

   Besten Gruß,
   Jonathan

   1. Jetzt habe ich das Mobble-Plugin installiert. Die Funktion is_mobile() greift wo wp_is_mobile() nicht greift. Warum greift ein Core-Feature nicht, wohingegen ein Plugin die Lösung liefert?

Kommentare sind geschlossen.