21. Juli 2010 - 19:34
Wieder mal gibt es ein kleines Update auf redpanda.ch. Twitter ist in aller Munde und zu Twitter gibt es gefühlte 2 Millionen verschiedene Widgets welche man auf der eigenen...
12. Juli 2010 - 10:15
Entgegen meiner Annahme, dass das nächste Release von Drupal 7 bereits eine Beta Version ist, kam am Samstag die 6 Alpha Version von Drupal 7 zum vorschein. Die genauen...
9. Juli 2010 - 10:23
Beim heutige Thema zum Webmaster-Friday geht es darum, wann eigentlich die richtige Zeit zum Bloggen ist. Ein spannendes Thema und ich bin auf die vielen anderen Meinungen schon...

Auf Kommentar antworten

redpanda.ch goes Mobile - Live Tutorial Teil 3

DruckversionSend to friendPDF Version

Nach dem wir nun unsere Drupalseite soweit haben, dass wir zwischen Mobilegerät und Desktop bzw. zwischen verschiedenen URL's unterscheiden können (Teil 1) und es auch möglich ist für diese User spezielle Rollen anzulegen (Teil 2), geht es nun im dritten Teil darum, eine eigene Drupal-Startseite für die Mobile-Version der Webseite zu erstellen.

Drupal bietet mehrere Möglichkeiten, eine spezielle und separate Startseite (Frontpage) zu erstellen. Ich habe mich dazu entschieden, eine eigene Frontpage mit Theming zu erstellen. Ist meines erachtens auch die einfachste Version.
 

Drupal Custom FrontPage

Als erstes erstelle ein File mit dem Namen page-front.tpl.php und kopiere dann in dieses File den Inhalt deines page.tpl Files. Ab sofort wird nun zuerst dieses File angezogen, wenn das spezielle Mobile-Theme aufgerufen wird. Dies hat nun den grossen Vorteil, dass man eine eigene, von der normalen Startseite, unabhängige Frontpage erstellen kann. Ich in meinem Fall habe es mit einer eingebetteten View gelöst.
 

Startseite gestalten

Selbstverständlich bietet Drupal auch für die Gestaltung der Startseite mehrere Möglichkeiten. Man kann zum Beispiel, wie oben beschrieben, eingebettete Views einbinden oder eine Weiterleitung auf einen bestehenden Node, welcher dann gestaltet werden kann.
Ich habe mich hier für die einfach Version mit der eingebetteten View entschieden. Zuerst habe ich mir mal eine View erstellt, mit den Daten, welche auf meiner Mobile-Frontpage erscheinen sollen. Diese soeben erstelle View kann jetzt direkt in die page-front-tpl.php eingebunden werden. Das geschieht mit folgender Codezeile:

print views_embed_view('name_der_view', $display_id = 'default', $args)

Diese Codezeile muss im File an der Stelle stehen wo die Content Variable steht (print $content).
 

Weitere Schritte

Die grössten technischen Hürden zur mobile Version der Drupal-Webseite, haben wir nun bewältigt. Nun geht es ans Theming und an die Bestimmung der Inhalte welche ich publizieren will. Selbstverständlich sollte man schon vor all diesen Schritte eine Ahnung haben, welche Inhalte gezeigt werden sollen und welche nicht. Meist macht es Sinn nur die wichtigsten Inhalte einer Seite zu zeigen und auf grosse Designsprünge zu verzichten. Klein und Fein lautet jedenfalls meine devise.

Noch keine Bewertungen

Antworten

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zulässige HTML-Tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Zeilen und Absätze werden automatisch erzeugt.

Weitere Informationen über Formatierungsoptionen