MobileLayout (für moziloCMS 1.12)
Dieses Plugin erweitert moziloCMS um einen Layout-Umschalter für Mobilgeräte. Nutzer mit Smartphones und Tablets bekommen so eine für Mobilgeräte optimierte Version der Website zu sehen. Das Standard-Layout können sie aber auch explizit anfordern.Für die Prüfung, ob der Benutzer die Website mit einem Mobilgerät aufruft, kommt die unter MIT-Lizenz stehende Bibliothek Mobile-Detect zum Einsatz.
Download
Download: MobileLayout
MobileLayout.zip (93.66 KB)Nutzung
Automatische Auswahl des passenden Layouts
In den Plugin-Einstellungen wird das zu verwendende Mobillayout ausgewählt. (Dafür empfiehlt sich das von mir eigens für diese Zwecke erstellte "moziloMobile", es kann aber irgendeines der installierten Layouts sein.)Um das Plugin zu aktivieren, muss der Platzhalter {MobileLayout} irgendwo in der template.html des verwendeten Standard-Layouts platziert werden. Der Platzhalter erzeugt keine Ausgabe und wird zur Laufzeit einfach entfernt - es ist also egal, wo im Template er steht.
Sobald nun ein Mobilgerät die Website aufruft, wird es sie im konfigurierten Mobil-Layout serviert bekommen.
Link zum manuellen Umschalten
Der Platzhalter {MobileLayout|switch} wird zur Laufzeit durch den URL zum "Umschalten" ersetzt. Ruft man diesen auf der mobilen Version der Website auf, wird auf die Standard-Version umgeschaltet; vom Standard-Layout schaltet er um in die Mobilansicht.Im Standard-Layout empfiehlt sich also folgender Link (bspw. im Footer der Website):
<a href="{MobileLayout|switch}">Zur Mobilansicht</a>
Das selbe im Mobil-Layout, nur dass der Link hier zur Standard-Ansicht der Website führen wird:<a href="{MobileLayout|switch}">Zur Standardansicht</a>
Mobilansicht