Jetzt gehts los. Drupal und Mobile. Obwohl der Ober RedPanda noch kein IPhone, Android oder ein ähnliches Gerät hat, wage ich mich an ein kleines Experiment. Ich werde versuchen, eine kleine und feine Mobileversion von redpanda.ch zu erstellen. Vorhergehende habe ich mich ein klein wenig informiert und möchte hier alles fein säuberlich notieren, welche Schritte ich erledigen werde um an mein Ziel zu kommen. Am Schluss sollte ein kleines Tutorial in mehreren Teilen vorhanden sein. Mal schauen. Ganz wichtig noch: Der hier beschriebene Weg zu einer Mobile Seite ist nur einer von vielen, ob meiner der einfachste ist oder nicht, kann ich nicht beurteilen. Anregungen nehme ich aber dankbar jederzeit an.

redpanda goes Mobile mit Drupal - Teil 1

Als erstes habe ich mal auf meinem Server eine neue Subdomain m.redpanda.ch angelegt. Zwingend nötig wäre es zwar nicht, da die Drupalinstallation erkennen sollte, wenn ein Besucher mit einem Mobilen-Endgerät kommt. Doch da die URL heute Standard ist, habe ich es mir mal so eingerichtet.

Der zweite Schritt war nun, zwei Drupal-Module und mal ein Mobiletheme zu installieren. Das erste Modul heisst Mobile Tools. Mit diesem Modul hat man mehrere Möglichkeiten. Es beinhaltet einen ThemeSwitcher, dieser wechselt je nach URL welche aufgerufen wird oder nach Endgerät mit welcher man die Seite besucht. Damit Mobile Tools installiert werden kann, braucht es noch das Modul Browsecap, dies dient zur Browsererkennung. Als Mobile Theme habe ich mich für eine erste einfach Version entschieden, hier soll das Theme Mobile seine Dienste tun.
 

Konfiguration Mobile Tools

Beim Reiter Konfiguration habe ich den Haken bei Enable device detection and further processing (redirection / notification / theme switching). Dies dafür, damit Drupal weiss was zu tun ist, wenn ein Mobiles Endgerät kommt. Desweitern habe ich eingestellt, dass eine automatische Weiterleitung gemacht wird, je nach URL welche aufgerufen wird. Dazu ist natürlich eine zweite URL notwendig. Bei mir ist das m.redpanda.ch und die Desktop URL ist wie gehabt www.redpanda.ch.

Alle anderen Einstellungen können fürs erste mal so übernommen werden, wie sie default mässig eingestellt sind.

Jetzt muss weiter zum Reiter Mobile Theme gewechselt werden. Dort muss der Haken bei Enable the mobile theme gesetzt werden. Anschliessend muss noch das neue Mobile Theme ausgewählt werden. Dies muss natürlich zuerst hochgeladen und aktiviert werden. 

Dies alles sollte nun dazu führen, dass über die URL www.redpanda.ch und m.redpanda.ch je andere Themes verwendet werden. Ebenso sollte eigentlich die Seite nun auch erkennen, wenn ein Mobiles Endgerät auf die Webseite zugreift. Egal über welche URL (www.redpanda.ch oder m.redpanda.ch) sollte das Gerät die Seite mit dem einfach Mobile Theme öffnen.

Bei mir jedenfalls klappt dies schon mal. Öffnet man im normalen Browser die URL m.redpanda.ch erscheint bereits das neue Mobile Theme. Ebenso kann ich mit meinem alten klapprigen Nokia Handy auf die Seite zugreifen und lande auf dem Mobile Theme. Schon mal nicht schlecht für den ersten Schritt.

Ob dann für die verschiedenen Endgeräte auch verschiedene Themes verwendet werden müssen, lasse ich zum heutigen Zeitpunkt mal im Raum stehen. Drupal und das Modul bieten diese Möglichkeit natürlich.

Im nächsten Teil werde ich den Content für die Mobileversion einschränken, dass will heissen, die Navigation soll eingeschränkt werden, so dass nur der Drupal und SEO Blog angezeigt werden soll.