You are here

Mobiles Theme für Drupal einrichten

Der Zugriff aus Internet über mobile Endgeräte (Smartphons, Tablets) nimmt immer mehr zu. Diesem Trend kann man sich aus als Blogbetreiber nicht verschließen. Das Design, was man mühsam für den "normalen" Rechner, also den Desktop entwickelt hat, sieht auf solchen mobilen Endgeräten oft eher grenzwertig aus. Eine Möglichkeit besteht natürlich darin, ein sogenanntes Responsives Webdesign zu verwenden, bei dem sich das Layout automatisch an die Breite des Ausgabegerätes anpasst.

Aber was ist, wenn man sein bisheriges Design nicht umschmeissen will ? Eine andere Variante besteht darin, für mobile Geräte ein eigenes Design anzubieten, dass entsprechend angepasst ist. Drupal stellt hierfür zum einen das Modul ThemeKey und zu anderen diverse responsive Themes zur Verfügung.

Für mein Blog, also diese Webseite, die sie gerade lesen, habe ich das Theme Responsive Bartik D7 gewählt.

Mit dem Modul ThemeKey ist es möglich, in Abhängigkeit von definierten Regeln unterschiedliche Themes anzuzeigen. Nach der Drupal üblichen Installation des Moduls stehen die Einstellungen von ThemeKey unter dem Punkt "User Interface" zur Verfügung.

Für mobile Endgeräte kann man hier über den Parameter "system:user_os_simplified" festlegen, dass für die Betriebssysteme "Windows Phone", "Android" und "iPhone" das mobile Design gewählt wird. Das entsprechende Regelset sieht dann so aus:

Wenn man jetzt das Blog mit einem mobilen Endgerät, in diesem Falle einem Galaxy Tab 2 (7 Zoll) aufruft, sieht man folgendes Bild:

AddThis: 

Theme by Danetsoft and Danang Probo Sayekti inspired by Maksimer