Bereits 2012 WordPress 3.4 eine Funktion vor, mit der Entwickler prüfen könnten, ob ein Besucher ein mobiles Gerät verwendet hat. Die Funktion, genannt WP_IS_Mobile (), wurde in einer Zeit erstellt, in der die meisten Mobiltelefone untermacht wurden und die Bildschirmgrößen im Vergleich zu den heutigen Standards noch gering waren.
Aber jetzt, da die mobile Nutzung Desktop -Browser- und Smartphones konkurrierende Laptops mit Strom übertroffen hat, wirft sie eine faire Frage auf - ist WP_IS_Mobile () immer noch nützlich oder ist es veraltet?
Lassen Sie uns untersuchen, was diese Funktion tut, wann sie sie verwenden soll, wo sie zu kurz ist und ob sie noch Teil Ihres WordPress -Entwicklungs -Toolkits sein sollte.
Was ist wp_is_mobile () und was macht es?
Die Funktion WP_IS_MOBILE () ist eine integrierte WordPress-Funktion, die true zurückgibt, wenn ein Site-Besucher ein mobiles Gerät verwendet. Es überprüft die vom Browser des Besucher gesendete Benutzeragentenzeichenfolge, um festzustellen, ob die Anforderung von einem Smartphone oder Tablet stammt.
Diese Funktion unterscheidet weder zwischen Telefonen und Tablets noch analysiert sie die Bildschirmgröße oder -orientierung. Stattdessen stützt es sich auf das Vorhandensein von Schlüsselwörtern im Benutzeragenten, um seine Entscheidung zu treffen. Wenn die Browser -Zeichenfolge Indikatoren für ein mobiles Gerät enthält, gibt die Funktion true zurück. Ansonsten kehrt es falsch zurück.
Benötigen Sie Experten helfen, WordPress für mobile Geräte zu optimieren?
Unser Team erstellt benutzerdefinierte WordPress -Lösungen, die sich nahtlos an Benutzergeräte anpassen, die Leistung verbessern und Ihre Geschäftsziele skalieren.
Warum wurde es vorgestellt?
Als WordPress die Funktion einführte, startete das Responsive Webdesign gerade erst. Entwickler erstellten häufig separate mobile Versionen von Websites und arbeiteten hart daran, die Datennutzung für mobile Benutzer zu reduzieren. Bandbreitenbeschränkungen und schwächere Geräteleistung machte die Optimierung oberster Priorität.
Die Idee war einfach - ermöglicht den Entwicklern, Inhalte bedingt zu zeigen oder auszublenden, basierend darauf, ob sich der Besucher auf einem mobilen Gerät befand oder nicht.
Wie funktioniert wp_is_mobile ()?
Hier ist ein grundlegendes Beispiel dafür, wie diese Funktion in einer PHP -Vorlagendatei verwendet wird:
<?php if ( wp_is_mobile() ) { ?><p>Dieser Inhalt ist für mobile Geräte geeignet.</p><?php } else { ?><p> Dieser Inhalt ist für Desktop -Benutzer gedacht.</p><?php } ?>Dieser Snippet gibt unterschiedliche HTML -Inhalte aus, basierend auf dem Gerät des Besuchers. Es ist nützlich, wenn Sie ein leichtes Layout für mobile Benutzer laden oder alternative Anweisungen anzeigen möchten.
wp_is_mobile () gegen responsives Design
Die größte Einschränkung von WP_IS_Mobile () besteht darin, dass es auf der Serverseite , lange bevor CSS oder JavaScript sich beteiligt. Es kann keine Bildschirmbreite oder Auflösung erkennen. Stattdessen beruht es ausschließlich auf der Erkennung von Zeichenfolgen im Benutzeragenten.
Auf der anderen Seite CSS -Medienabfragen und moderne Reaktionstechniken auf die tatsächlichen Bildschirmdimensionen und die Ausrichtung reagieren. Sie passen das Inhaltslayout an, basierend darauf, wie viel Platz verfügbar ist, unabhängig von der Art des Geräts.
Wenn Ihr Ziel Layout -Flexibilität ist, ist WP_IS_Mobile () nicht das ideale Werkzeug. Wenn Sie jedoch alternative Inhalte liefern müssen, bevor die Seite geladen wird - insbesondere basierend auf dem Gerätetyp - ist diese Funktion immer noch einen Zweck.
Wann verwendet wp_is_mobile ()
Trotz seines Alters gibt es noch mehrere Anwendungsfälle, in denen WP_IS_Mobile () hilfreich sein kann:
- Laden kleinerer Bilddateien für mobile Geräte
- Anzeigen von mobilen Anweisungen oder Hilfsinhalten
- Umleiten von mobilen Benutzern auf App -Download -Seiten
- Alternative Header oder Menüs für mobile Besucher
- Erstellen von Shortcodes, die die Sichtbarkeit des Inhalts basierend auf dem Gerätetyp umschalten
Es ist besonders nützlich, wenn es mit benutzerdefinierten Funktionen oder Shortcodes kombiniert wird, die Inhaltseditoren im WordPress -Block -Editor mehr Kontrolle geben.
Erstellen von Shortcodes mit WP_IS_Mobile ()
Um den Redaktoren eine einfache Möglichkeit zu geben, mobile oder nur Desktop-Inhalte in Posts oder Seiten anzuzeigen, können Sie diesen Code in Ihrer Datei Ihrer Funktionen.Php verwenden:
add_shortcode ('Desktop', 'show_desktop_content'); Funktion show_desktop_content ($ atts, $ content = null) {if (! wp_is_mobile ()) return Do_ShortCode ($ content); } add_shortcode ('mobil', 'show_mobile_content'); Funktion show_mobile_content ($ atts, $ content = null) {if (wp_is_mobile ()) return Do_ShortCode ($ content); }Jetzt können Sie [Mobile] auf [/mobile] und [Desktop] auf [/Desktop] tippen, um die Sprache basierend auf der Geräteinteraktion anzupassen.
WP_IS_Mobile () und WordPress Caching
Eine der größten Herausforderungen bei der Verwendung von WP_IS_Mobile () ist das Caching . Da die Funktion auf dem Server ausgeführt wird, kann dies zu Problemen führen, wenn das Caching nicht ordnungsgemäß konfiguriert wird.
Wenn für einen mobilen Benutzer eine zwischengespeicherte Version einer Seite erstellt wird, sehen möglicherweise alle zukünftigen Besucher - einschließlich Desktop -Benutzer - die mobile Version möglicherweise, es sei denn, Ihre Caching -Lösung trennt Inhalte nach Gerätetyp.
Aus diesem Grund bieten einige verwaltete WordPress -Hosts separate mobile Caching -Optionen an, sodass jeder Besucherart genau zugestellt wird.
Einschränkungen von WP_IS_Mobile ()
Während in bestimmten Kontexten nützlich ist, ist wp_is_mobile () mit Einschränkungen verbunden:
- Die Bildschirmgröße oder -orientierung kann nicht erkennen
- Behandelt Tabletten und Telefone gleich
- Kann Geräte falsch identifizieren, wenn Benutzeragenten Zeichenfolgen gefälscht werden
- Berücksichtigt keine modernen Geräte mit Auflösungen der Desktop-Klasse
Entwickler, die an fortgeschrittenen Reaktionslayouts arbeiten, können es vorziehen, sich auf CSS-Medienabfragen oder JavaScript-basierte Geräteerkennung für genauere Präzision zu verlassen.
Alternativen zu WP_IS_Mobile ()
Hier sind einige moderne Alternativen und Verbesserungen:
- CSS -Medien für Layoutanpassungen
- JavaScript -Bibliotheken wie Modernizr zur Erkennung von Features
- Responsive Bildmarkup mit dem Bildelement
- Bedingte Blöcke oder Plugins, die die Blocksichtbarkeit basierend auf der Bildschirmgröße verwalten
Für die Flexibilität der Inhalte im Block-Editor verwenden viele Block-Sichtbarkeits-Plugins, die Gerätebasierte Anzeigeregeln anbieten, ohne den PHP-Code zu berühren.
Letzte Gedanken
Die Funktion wp_is_mobile () ist alles andere als nutzlos. Es bietet eine einfache Möglichkeit, mobile Besucher zu erkennen und alternative Inhalte zu liefern oder Server-Seite zu erleben. Es bietet zwar nicht die Finesse reaktionsschneller Design -Tools, spielt zwar eine Rolle in Situationen, in denen die frühe Geräteerkennung hilfreich ist.
Es wird jedoch am besten in Kombination mit anderen Methoden verwendet. Wenn Sie sich ausschließlich auf diese Funktion verlassen, können Sie möglicherweise nicht das genaueste oder benutzerfreundlichste Erlebnis bieten, insbesondere mit der heutigen vielfältigen Auswahl an Geräten.
