Contao 3 und Version für mobile Geräte
Hallo,
ich beschäftige mich jetzt mit Contao 3 auch erstmals mit der Problematik Website-Version 1 für Desktop und Website-Version 2 für mobile Geräte. Jetzt mal nicht Tablets, da ists mir klar. Es geht dabei um Mobiltelefone im allgemeinen und speziellen. Habe mir hierzu im Forum eine Menge Diskussionen durchgelesen. So richtig schlau bin ich aber daraus noch nicht geworden, weil dazu noch ein Newbie. Deshalb will ich hier noch mal nachfragen.
Im Groben also... ich will zum einen die Desktop-Version mit allen komplexen Inhalten, auf den mobilen bestimmte Inhalte aus der Desktop-Version nicht mit einbeziehen und auch Artikel z. T. abspecken. Das bedeutet ja, dass ich jeweils eigentlich völlig eigene Seiten/Artikel erstellen muss und es nicht einfach mit Media Querys getan ist.
- Contao 3 installiert.
- Seitenstruktur angelegt.
- CSS-Dateien: style.css und mobile.css angelegt.
- Layouts default und mobile erstellt und jeweils die CSS-Dateien zugewiesen.
- Der Seite als Layout default und Layout für mobile Seiten mobile zugewiesen.
- ... Und jetzt weiß ich nicht mehr weiter. Eigentlich müsste ich beginnend mit zwei Startpunkten die Seiten (hier werden die jeweiligen Layouts zugewiesen) mal für Desktopinhalte und zum anderen für die Mobilinhalte erstellen. Klar, leuchtet mir ein, dass diese Variante u. U. doppelte Arbeit für Redakteure beinhalten würde. Aber ich will ja eben nicht einfach nur für alle Medientypen optimieren, sondern die Inhalte, die bei der Desktopversion oftmals zu komplex und umfangreich sind, für die Mobilversion abspecken. Z. Bsp..
Zwei Fragen also.
- Wie kann man das Beschriebene realisieren?
- Weiß jemand schon, wie detailliert bzw. umfassend das kommende Buch von Peter Müller "Websites erstellen mit Contao 3" auf dieses Thema eingeht? Könnte ja sein, jemand von Euch hat da vorab schon dieses oder jenes in Erfahrung bringen können.
Gruß
heiko
Mobilversion im Desktop-Browser testen
Zitat:
Zitat von
Acocalypso
ich bin auch grad auf der Suche was ich beachten muss das meine Mobil Seite funktionert. ...Ich habe jetzt zweit Tage damit verbracht, einen weg zu finden mir die Mobile Ansicht im Browser anzeigen zu lassen, nur leider hatte ich keinen Erfolg.
Zwei Tage. Wow. Du hast Ausdauer.
Hier zwei Möglichkeiten, auf dem Desktop die Mobilversion zu testen:
- Hänge einfach den URL-Parameter ?toggle_view=mobile an deine URL auf dem localhost: http://localhost/contaobuch/?toggle_view=mobile. Zurück dann mit ?toggle_view=desktop. Lesezeichen vereinfachen das switchen. Musst nur noch die Größe des Viewports selbst anpassen, was im Firefox z. B. mit der Web Developer Toolbar schnell gemacht ist.
- Oder man nimmt den neuen Inserttag namens {{toggle_view}}. Erstelle einfach ein neues Frontend-Modul mit diesem Inserttag und binde dieses Modul im normalen und mobilen Seitenlayout ein. Der Inserttag hängt den URL-Parameter automatisch hinten dran. Damit kann man den Besuchern überlassen, ob sie die Mobil- oder die Desktop-Version sehen möchten.
Auf der Beispielsite für die neue Auflage vom Contaobuch sitzt der Inserttag-Schalter im Fußbereich.
Webseite auf iPhone 1:1 (viel zu groß)
Hallo zusammen,
mir erschien meine Frage in diesem Thema wohl am besten...
Davon mal abgesehen, dass man mittlerweile verrückt werden könnte, weil ein Layout auf FF, IE, Safari (Desktop), IOS (iPhone), IOS (iPad), Opera jedes mal unterschiedlich aussieht und scheinbar die CSS Hacks überhaupt nichts bringen, stehe ich hier vor einem für mich im Moment unlösbaren Problem.
Seit Contao 3.0 werden die Webseiten auf dem iPhone nicht mehr verkleinert dargestellt, sodass man die Webseite als ganzes sieht, (wie z.B. bei Contao 2.11.), sondern nur einen geringen Teil der oberen linken Kante. D.h. die Seite wird stark vergrößert.
Wie kann ich das abstellen? bzw. mit welchen Hacks kann ich Safari für IOS Geräten per CSS ansprechen? Contao scheint nicht auf die üblichen Hacks zu reagieren.
Vielen Dank für Eure Hilfe und ein schönes Wochenende inkl. 3. Advent!
Gruß