Zum Inhalt springen

Webseite / Layout für Smartphones

Erstellt am 13. September 2011 · 2 Antworten · letzte Antwort am 16. September 2011

Tags: Frage

typo3_hp ·

Guten Abend!

Ich habe eine Seite entwickelt.
Nun soll das ganze auch noch für Smartphones und Handhelds ausgeliefert werden.
D.h. wenn beim anbrowsen erkannt wird das es ein Handheld/ Smartphone ist soll eine andere (mobile - für kleine Displays optimierte) Webseite ausgeliefert werden.

Wie mach ich das (Entscheidung normale oder mobile) - ich denk mal ich muss irgendwie die Anzeigegröße des Besuchers herausfinden, oder?

Wie mach ich das Layout das die mobile Seite bei allen möglichen Handhelds gleich aussieht (auch wenn mal ein Display 1cm breiter oder kürzer ist wie ein anderes)?

Was habt ihr für Erfahrungen?

Danke und Grüße

fuss ·

Olla!

Für den redirect (inkl. cookie setzen, wenn der User doch lieber die normale Version sehen möchte, und somit nicht permanent auf die mobile Version geleitet wird) hat sich die Extension Mobile Redirect (cwmobileredirect) bewährt.

Für den Aufbau/Struktur der mobile Version gibt es im Netz genügend Tutorials.

Grundsätzlich sollte man darauf achten, nach Möglichkeit keine fixen Breiten zu setzen, sodass der Inhalt je nach orientation (ob das Display gedreht wird) über die gesamte Breite laufen kann.

Ein paar zusätzliche, mobile-device spezifische meta-Tags sollten auch nicht fehlen, sodass zoom und touch Gesten auch umgesetzt werden können.

Evtl. ist die iPhone-Web Extension (t3m_iphoneweb) auch für Dich interessant.
Hiermit werden mit Hilfe von jQTouch Websites erstellt, welche sich ähnlich einer nativen iPhone App anfühlen. Diese funktioniert auch z.B. mit Android-Geräten.

gruss, fuss