Mit Omega 3, andere Blöcke in Mobile Endgeräte Anzeigen

Omega setzt in Sachen Mobilgeräte ja auf Responsive Design, d. h. dass die Darstellung in Abhängigkeit der Größe des Browserfensters variiert. Damit ist nicht das Gerät an sich entscheidend sondern die Größe des Anzeigefensters. Omega nimmt aber auch keinen Einfluss auf die Anzeige der Blockelemente an sich. Es gibt also keine Einstellmöglichkeiten bei den Blöcken welche festlegen bei welcher Fenstergröße ein Block angezeigt wird oder nicht. Man kann die Sichtbarkeit von Blöcken aber über die entsprechenden CSS-Dateien steuern und damit erreichen, dass ein Block nur bei einer bestimmten Fenstergröße angezeigt wird. Der eigentliche Zweck ist aber die Blöcke abweichend darzustellen, so dass der Block bei jeder Fenstergröße passt. Das ist auch über die entsprechenden CSS-Dateien möglich.

Ein Ansatz der in die von Dir beschriebene Richtung führt ist vielleicht: https://drupal.org/project/browscap_block. Das sollte unabhängig vom Theme funktionieren. Allerdings ist AdaptiveThemes der Maintainer dafür. Da wäre es eventuell naheliegend auch Adaptive Theme zu verwenden.

Soll aber keine generelle Empfehlung meinerseits für Adaptive Theme gegenüber Omega darstellen. Beides sind sehr gute Themes und ich verwende oft Omega.

Ich bedanke mich sehr herzlich für Ihre Informationen.

LG
Sven

Ich habe noch ein par Fragen bezüglich Blöcke für Mobile und Mobile Views Ansichten.

Meine Wunsch Ansicht wäre:
1. Auf PC/Laptop habe ich Normale Blöcke mit Views
2. Auf Ipad habe ich wiederum andere Blöcke mit Views
3. Auf Iphone4 habe ich wieder andere Blöcke mit Views

Wie ich das verstehe muss ich drei verschiedene Ansichten machen. Grund dafür ist weil ich ja auf jeden Endgerät andere Ansichten haben möchte.

z.B auf PC/Laptop ist eine Titellänge von 100 Zeichen und auf Ipad/iphone 50 Zeichen.

Jetzt ist die Frage das ganze mit Omega realisieren und Media Queries oder https://drupal.org/project/adaptivetheme benutzen.

Kann mir jemand sagen was AdaptiveTheme anders oder besser machen könnte, oder einfacher gefragt was würdet Ihr mir empfehlen und warum :-).

LG
Sven

Grundsätzlich stellt sich denke ich die Frage ob Du rein auf Responsive Webdesign setzen willst oder auf Design in Abhängigkeit des Endgerätes.

Beim Responsive Webdesign ist die Bildschirmauflösung bzw. die Fenstergröße des Browsers ausschlaggebend um mit Media Queries unterschiedliche Ansichten zu generieren. Der Inhalt ist aber für alle Größen eigentlich gleich. Gängig ist dabei zum Beispiel für kleine Bildschirmauflösungen eine Sidebar nach unten wegzuschieben. Es lassen sich auch Blöcke für bestimmte Größen ein- und ausblenden. Allerdings wird damit eigentlich nur die Sichtbarkeit beeinflusst, der Block ist in allen Ansichten vorhanden, nur in manchen ausgeblendet. Für kleine Blöcke ist das sicherlich ok, bei umfangreicheren Blöcken wird die Seite aufgebläht.

Der Ansatz unterschiedlicher Ansichten setzt auf die Ermittlung des Endgerätes über Techniken wie Browscap. Damit wird dem Endgerätetyp eine individuelle Ansicht zur Verfügung gestellt. Hier ist es möglich ein ganz anderes Theme zu verwenden wie z. B. mit https://drupal.org/project/mobile_theme oder eben nur einzelne Blöcke auszutauschen wie mit https://drupal.org/project/browscap_block. Die Unterscheidung dabei geht allerdings meist nur in Mobil oder Nicht-Mobil und nicht detailliert in Gerätetypen.

Eine Kombination ist natürlich auch denkbar, also Themeswitch Mobil/Nicht-Mobil und für das Nicht-Mobil-Theme dann noch ein Responsive Design. Das ist natürlich auch eine Frage des Aufwands den man betrieben möchte.

Adaptive Theme und Omega setzen beide auf Responsive Webdesign, die Unterschiede liegen in der Ausgestaltung / dem Funktionsumfang. Eine Theme-Switch oder Browscap-Block ist immer ein Zusatzmodul.

Herzlichen Dank Stefan

Zu 100% werde ich bei Omega 4 bleiben. Zu 99% bleibe ich beim Responsive Webdesign wegen Media Queries.
Wenn es um die Blöcke geht, habe ich auf FRONT 6, bei Views Ansicht 7, und bei User Profil 5 Blöcke. Jetzt noch +2X wegen Mobile Endgeräte. Ich denke das ist nicht so umfangreich.

Für mich wäre das eine gute Lösung, kann mich aber auch irren :-)

LG
Sven

Hallo Sven,

bei Ausgabe über Views kannst du dir z.B. eine eigene CSS anlegen mit den MediaQueries zu den verschiedenen Ausgabeformaten, sehr schön erklärt:
http://blog.kulturbanause.de/2011/04/websites-mit-css3-media-queries-fur...

Beispiel: Views Block mit Titellänge 50 Zeichen nur in @media all and (min-width: 460px) and (max-width: 768px) ausgeben, usw.

Wenn du Lust hast dich in CSS weiter einzuarbeiten kann ich dir als Theme https://drupal.org/project/responsive_bartik empfehlen.

Mir persönlich sind Omega und Adaptive einfach zu groß, ich mag gern leere Basis-Themes mit wenigen Dateien... erfordert aber auch mehr Aufwand und ist nix für schnell mal was zusammenclicken.
Viele schicke Funktionen aus z.B. dem Bootstrap Theme habe ich dann ebenfalls händisch eingebaut.

Bei dem Bartik habe ich das vorhandene mobile Menu ausgebaut und verwende Superfish und Blöcke gebe ich gesondert in der eigenen mobilen CSS aus.

Google Chrome bietet mehrere Erweiterungen um mobile Ansichten live zu testen, auch sehr hilfreich.

Viele Grüße Jenna

Herzlichen Dank Jenna

Ja der Blog ist schon klasse!!! habe gestern alles durchgelesen und muss sagen, exzellent!
Herzlichen Dank für deine Tipps.

LG
Sven