Wie würdet Ihr es machen ?

**m.haase** · 21.03.2016, 14:12

Hallo zusammen,

ich habe leider gar keine Erfahrung im Mobilen Design...

Deswegen brauche ich eure Hilfe.

Wie würdet Ihre diese Seite hier http://62.157.243.185 in ein Mobiles Design umwandeln ?

Viele Grüße
m.haase

**Samuell** · 21.03.2016, 14:30

CSS und HTML so aufbereiten, dass man ein vernünftiges responsives Layout damit umsetzen kann.
Unter Umständen heißt das dann das komplette bisherige Theme zu überarbeiten.

Dann würde ich zusehen dass ich die Menge der Bilder und die Größe der Bilder entsprechend verringere.
Den Header solltest Du überarbeiten, dass Bild ist nämlich später zu groß.

Es steht und fällt also mit einem vernünftigen Konzept.

**m.haase** · 21.03.2016, 15:03

CSS und HTML aufbearbeiten ? in welcher Form ?

**Samuell** · 21.03.2016, 15:13

Zitat von m.haase

CSS und HTML aufbearbeiten ? in welcher Form ?

CSS:
* zb: mobile-first Ansatz
* keine fixen Breiten für Container
* Bilder skalierbar machen, ...
* CEs, zb Bildergalerien anpassen
* Tabellen anpassen

HTML:
* Unnötiges HTML rauswerfen
* Reihenfolge in Hinblick auf die Darstellung in mobiler Ansicht anpassen

zB Wenn das Logo erst Links erscheinen soll, in der mobilen Version aber nicht zuerst, sondern zuletzt angezeigt werden soll.

**tab** · 21.03.2016, 16:59

Ist ja schon 3.5.x. Alle Werkzeuge liegen also schon bereit

. Kommt halt unter anderem drauf an

ob du nur erreichen willst, dass die Seite auch auf einem Smartphone vernünftig dargestellt wird oder ob du das komplett responsiv umbauen willst.
wie "pflegeleicht" es sein muss, also wer wird das pflegen müssen und welche Kenntnisse (Contao, HTML, CSS) hat diese Person. Grundsätzlich kann es nicht schaden, eher weniger als vorhanden vorauszusetzen als zuviel. Gerade in Vereinen wechselt die Betreuung der Website auch mal zwischendurch. Zumindest die wichtigsten Abläufe in einem Dokument/Handbuch festhalten. Also z.B. das Erstellen eines

Die Tabellen würde ich rausschmeissen, das klappt auf schmalen Screens so wohl nicht mehr. Auf die schnelle habe ich zwei Varianten gesehen. Einmal so, dass zwei oder mehr zueinander gehörende Informationen nebeneinander stehen und einmal alles untereinander aber mehrspaltig. Ok, viel mehr können Tabellen ja sowieso nicht

. Das geht aber auch recht einfach ohne Tabellen. Eine Spalte wird sinnvollerweise eine Mindestbreite haben, die du festlegen musst. Ansonsten kann die Breite einfach proportional zur Breite der "Tabelle" sein, also eine prozentuale Breite haben.
Bei den Galerien musst du dich entscheiden, ob du die Breite der Thumbnails proportional zur Breite des Galerie-Inhaltselements änderst oder ob du die Breite der Thumbnails fest lässt und dafür eben nur die passende Anzahl pro Zeile zeigst. Beides hat seine Vor- und Nachteile.