Die besten WordPress-Mobile-Plugins

Im Sinne des Mobile-First-Ansatzes im Webdesign wird ein re­spon­si­ver Web­auf­tritt immer wichtiger. Mit spe­zi­el­len WordPress-Plugins für die mobile Dar­stel­lung lässt sich eine solche Dar­stel­lung auf Handy und Co. in wenigen Schritten umsetzen. Wir haben uns einige der be­lieb­tes­ten WordPress-Mobile-Plugins genauer an­ge­schaut.

Mehr als 43 % aller Websites sind mit WordPress gebaut worden, viele davon sind jedoch in die Jahre gekommen und veraltet – zumindest in tech­ni­scher Hinsicht. Wahr­schein­lich kennen Sie solche Seiten: Meist ist die Schrift kaum leserlich klein, das komplette Menü ist nur per Scrollen und/oder Zwei-Finger-Zoom zu benutzen, Bilder ragen über den mobilen Viewport hinaus. Das Problem: Eine Website gänzlich neu mit einem re­spon­si­ven Theme auf­zu­set­zen, ist oft mit er­heb­li­chem Zeit- und Kos­ten­auf­wand verbunden.

Um mit den An­for­de­run­gen an Mobile First Schritt zu halten, gibt es Plugins, die ein re­spon­si­ves Webdesign er­mög­li­chen, ohne dass das Theme ge­wech­selt werden muss. Und noch besser: Durch diese Website-Op­ti­mie­rung können WordPress schneller machen und ihr Mobile SEO ver­bes­sern. Wenn Sie eine gänzlich neue WordPress-Seite erstellen, lässt sich die re­spon­si­ve Dar­stel­lung gleich bei der Auswahl des WordPress-Themes be­rück­sich­ti­gen.

Zur Ver­an­schau­li­chung haben wir eine Testseite mit folgenden Pa­ra­me­tern auf­ge­setzt:

• WordPress-Version 5.9
• Theme: Twenty Eleven von WordPress.org

Dieses Theme ist kaum als re­spon­si­ve zu be­zeich­nen: Zwar passen sich die Bilder (etwas) an, aber der Text – und vor allem das Menü – eben nicht. Mit ent­spre­chen­den Mobile-Plugins für WordPress lässt sich das Problem beheben. Wir haben einige dieser Plugins darauf un­ter­sucht, welche Er­geb­nis­se sie mit einer WordPress-Website auf einem Handy erzeugen. De­tail­lier­te Ein­stel­lungs­mög­lich­kei­ten sind bei der Vor­stel­lung des je­wei­li­gen re­spon­si­ven WordPress-Plugins be­schrie­ben.

* Preis­ver­gleich basierend auf der Premium-Version für 1 Website. ** Als Paket mit vielen Extras.

Das Plugin WP Mobile Menu ist ein leicht zu be­die­nen­des Plugin, das mit der Ver­öf­fent­li­chung von WordPress 5.9 auf den neuesten Stand gebracht wurde.

Das Plugin erweitert die WordPress-Seite im Header um eine Me­nü­leis­te, die den Titel der Webseite und den Burger-Menü-Button zeigt. Das exis­tie­ren­de Menü des Themes „Twenty Eleven“ bleibt bestehen. Das Plugin erlaubt eine Menütiefe von zwei weiteren Un­ter­me­nüs. Diese neue Leiste ist „sticky“, bleibt also beim Scrollen immer am Sei­ten­kopf sichtbar. Das Menü schiebt sich nach Ak­ti­vie­rung über den Content.

Hinter den sieben Menü-Punkten der Admin-Ober­flä­che von WP Mobile Menu sind diverse Va­ria­ti­ons­mög­lich­kei­ten versteckt. Dazu gehören:

• Einfügen eines in­di­vi­du­el­len Header-Textes und/oder Logos, anstelle des au­to­ma­tisch ein­ge­setz­ten Webseite-Titels
• De­fi­nier­tes Overlay über den Content bei ak­ti­vier­tem Menü; mit Farbwahl für das Overlay und die Menü-Elemente sowie deren Ab­gren­zung
• Einsetzen eines Hin­ter­grund­bilds für das Menü
• Un­ter­drü­ckung der Anzeigen von spe­zi­fi­schen Elementen, wenn das mobile Menü aktiv ist
• Ver­wen­dung von Google-Fonts
• In­di­vi­du­el­le Menü-Ge­stal­tung, z. B. fünf ver­schie­den gestylte Burger-Buttons
• An­zei­ge­mo­di des Menüs: über dem Content oder Her­aus­schie­ben des Contents

In der kos­ten­pflich­ti­gen Premium-Version dieses WordPress-Plugins lässt sich u. a. das mobile Menü auf de­fi­nier­ten Seiten un­ter­drü­cken oder separat in der Optik anpassen. Zudem sind Footer-Menüs und weitere An­zei­ge­mo­di für das aktive Menü möglich. Ebenso erhält man Zugriff auf mehr als 2.000 Icons aus diversen Bi­blio­the­ken.

Dieses Mobile-WordPress-Plugin bietet eine re­spon­si­ve Admin-Ober­flä­che in der ein­ge­stell­ten Sprache des WordPress-Da­sh­boards und bleibt dabei stets über­sicht­lich und (fast) intuitiv bedienbar.

Das Admin-Panel von Max Mega Menu bietet in der Free-Version u. a.:

• Erzeugung ho­ri­zon­ta­ler Mega-Me­nü­ele­men­te bis in die dritte Ebene
• Sehr in­di­vi­du­el­le Ein­stel­lun­gen für jede Menüebene, ein­schließ­lich der Na­vi­ga­ti­ons­pfei­le
• Elemente-Handling zum Teil per Drag-and-Drop
• Speichern von eigenen Me­nü­ge­stal­tun­gen als in­di­vi­du­el­les Theme
• In­di­vi­du­el­les Styling per CSS/SCSS
• Export und Import von eigenen Menü-Themes als JSON oder PHP
• Einfacher Zugang zur Do­ku­men­ta­ti­on

Für einige Features sind HTML- und CSS-Kennt­nis­se nötig, z. B. um den „z-index“ bei Bedarf richtig an­zu­wen­den.

Nutzer der Pro-Version erhalten Zugriff auf Sticky, Tabbed, Accordion sowie vertikale Menüs, mehr als 600 Menü-Icons, 200 Google-Fonts, Menü-Badges für erhöhte Auf­merk­sam­keit sowie die In­te­gra­ti­on von Woo­Com­mer­ce und Easy Digital Downloads.

Das WordPress-Plugin WPtouch fügt ein leicht­ge­wich­ti­ges mobiles Theme zur exis­tie­ren­den Seite hinzu. Die Bedienung ist über­sicht­lich und ver­ständ­lich in der Sprache des WordPress-Da­sh­boards. Die nur in der Pro-Version ver­füg­ba­ren Elemente und Funk­tio­nen sind farblich her­vor­ge­ho­ben.

Von den hier ge­tes­te­ten mobilen WordPress-Plugins hat es die auf­fäl­ligs­te optische Änderung her­vor­ge­ru­fen. Der be­deu­tends­te Un­ter­schied zu den vor­he­ri­gen ist die Nutzung des gewohnten Cus­to­mi­zers, um die mobile Ansicht an­zu­pas­sen. Mit dem Button „Auf mobiles Thema wechseln“ wird dort die mobile Version angezeigt und lässt sich sehr bequem verwalten. Die Ent­wick­ler haben sich an den Emp­feh­lun­gen für eine ef­fi­zi­en­te mobile Nut­zer­er­fah­rung von Google ori­en­tiert und so ein sehr leicht­ge­wich­ti­ges Plugin gebaut. Die mobile Webseite erscheint klar auf­ge­teilt und der Fließtext besser lesbar.

In der Free-Version hat der Website-Ad­mi­nis­tra­tor bereits folgende Mög­lich­kei­ten:

• Bis zu sechs Ge­rä­te­grup­pen/Browser zur Auswahl, auf die die mobile Seite an­ge­wen­det werden soll
• Anpassung der mobilen Version im Cus­to­mi­zer
• Me­nü­ak­ti­vie­rung als Drop-down oder als den Content her­aus­schie­bend (off canvas)
• Position des Burger-Buttons ein­stell­bar
• Freie Farbwahl für Hin­ter­grund, Kopfzeile, Menü, Links und Über­schrif­ten
• Admin-Panel in 23 Sprachen verfügbar
• Keine Be­ein­flus­sung des ur­sprüng­li­chen Themes für die Desktop-Dar­stel­lung und der anderen WordPress-Ein­stel­lun­gen

In der nicht ganz so günstigen Pro-Version sind im 1-Jahres-Abo neben dem Premium-Support weitere mobile Themes, die Ein­bin­dung von Werbung, die Funktion „Related Posts“ und die Nutzung von jQuery verfügbar.

Das Mobile-WordPress-Plugin AMP for WP ist ein Projekt aus dem Haus Google. Es wendet die dort ent­wi­ckel­ten Leit­li­ni­en für eine bessere Sicht­bar­keit und höhere Ge­schwin­dig­keit von WordPress-Seiten an – und das sehr um­fang­reich und kon­se­quent. Es soll zudem dabei helfen, das Ranking einer Webseite in den Google-Such­ergeb­nis­sen zu ver­bes­sern.

Die exis­tie­ren­de Website wurde mit Burger-Menü-Button in der Kopf­leis­te und deutlich besser lesbarem Fließtext mo­di­fi­ziert. In der Ba­sis­ein­stel­lung des Plugins ist die Seite merklich schneller, das ak­ti­vier­te Menü über­streicht die ganze Seite, Un­ter­me­nüs klappen perfekt auf und zu. Zudem ist die Such­leis­te in das Menü-Overlay in­te­griert.

Die Kon­fi­gu­ra­ti­on führt – un­ter­schie­den in Anfänger und Experten – fast selbst­er­klä­rend durch die Me­nü­punk­te im Admin-Panel. Das Ergebnis ist an­spre­chend. Hinzu kommt eine sehr um­fang­rei­che Online-Do­ku­men­ta­ti­on (auf Englisch).

Das WordPress-Plugin bietet eine übergroße Auswahl an mobilen Mög­lich­kei­ten. In der kos­ten­lo­sen Free-Version sind vier Themes enthalten und nach Ent­wick­ler­an­ga­ben mehr als 300 Va­ria­ti­ons­mög­lich­kei­ten. Unter dem Menüpunkt „Ex­ten­si­ons“ im Admin-Panel kann man weitere Features da­zu­kau­fen. Zu den Free-Features zählen:

• Un­ter­stüt­zung von Pa­ge­Buil­dern
• DSGVO-konform
• Au­to­ma­ti­sche Ent­fer­nung von nicht genutztem CSS
• Un­ter­stüt­zung für Google-Fonts auch bei lokaler Nutzung
• Kom­pa­ti­bi­li­tät für diverse SEO-Tools
• Hilf­rei­che Pa­gi­na­ti­on (Sei­ten­num­me­rie­rung) für um­fang­rei­chen Content
• Un­ter­stüt­zung für den Google Tag Manager, Adsense (AMP-AD) und Analytics Support sowie weitere Anbieter von Analyse-Tools
• Dif­fe­ren­zier­ter Content für Mobile und Desktop möglich
• Related Posts möglich
• Ver­bes­ser­te Anpassung von Bildern
• Einbetten von YouTube-Videos, Vime, Twitter, Instagram, Facebook Videos
• In­te­gra­ti­on von 12 neuen Social-Media-Kanälen
• Ein­rich­tung der AMP-Version als spe­zi­fi­sche Start­sei­te und/oder vor­ran­gi­ge Webseite

Kos­ten­pflich­tig sind u. a.:

• Bestimmte Formen der Wer­be­an­zei­gen­ver­wal­tung
• Un­ter­stüt­zung für spezielle Kon­takt­for­mu­la­re
• E-Mail-Opt-in für News­let­ter­ver­sen­der
• Mehr­spra­chig­keit mit WPML, Polylang und WeGlot
• E-Commerce-Anbindung
• Vorlagen für Call-to-Action-Elemente
• Mehr als 45 weitere Er­wei­te­run­gen aus der AMP-Welt

Übrigens: AMP for WP ist von dem Open-Source-Projekt AMP zu un­ter­schei­den. Letzteres hat sich die Aufgabe gestellt, Websites mit deutlich weniger Pro­gramm­code zu bauen und somit schnell(er) zu machen. Lesen Sie dazu auch unseren Ratgeber AMP-Plugins für WordPress. Das Plugin AMP for WP kann hierbei als teilweise über­grei­fend für beide Aufgaben be­trach­tet werden. Zudem werden in diesem WordPress-SEO-Tipps „von Haus aus“ be­rück­sich­tigt.