Spalten
Last updated
Was this helpful?
Last updated
Was this helpful?
Der Footer besteht aus verschiedenen Spalten, die einen Inhalt und eine Überschrift besitzen. Neben der Ausrichtung der Überschriften, kannst Du hier die Größe, Schriftstärke auswählen. Dabei steht Dir ebenfalls die Wahl der Schriftfamilie.
Die Option Aus- / Einklappen Icon (mobile) (1) bietet die Möglichkeit das Icon der mobilen Footerspalten zu verändern.
Über Aussehen (2) kann der Spalten Überschrift eine Unterlinie zugewiesen werden.
Beispiel:
Der Inhalt einer Spalte kann sehr unterschiedlich sein. Er kann die Navigationen aus dem Einstiegspunkt der Footer-Navigationen erhalten, Informationen zur Hotline, eine Newsletter-Anmeldung uvm.
Beispiel:
Ein Layout wird in einem sogenannten Grid aufgebaut. Man kann sich das vorstellen wie eine Tabelle mit 12 Spalten und beliebigen Zeilen. Wir nutzen ein solches Grid um die Breiten der Spalten im Footer zu kontrollieren.
Du kannst hier jedem Bereich eine Spaltenbreite zuordnen. Geht die Gesamtsumme der Breiten über 100% bzw. über 12 Spalten rutschen die Elemente automatisch in eine neue Zeile.
Die Spaltenbreiten werden für Tablet- und Desktop-Geräte definiert. Auf allen kleineren Geräten rutschen die Spalten untereinander.
Beispiel:
In unserem Beispiel hat der Newsletter eine Breite 6 von 12 (50%). Die Spalten Information und Service sind Navigationsspalten aus dem gewählten Einstiegspunkt der Footer-Navigationen. Jede erzeugte Spalte der Footer-Navigation hat 3 von 12 (25%) erhalten. Damit ist die erste Zeile mit 12 von 12 Spalten auf 100% gefüllt.
Die zweite Zeile besteht aus der Service Hotline mit 3 von 12 (25%), der Social Media Icons Spalte mit 4 von 12 (33,33333%) und der optionalen Custom Spalte mit ebenfalls 4 von 12 (33,33333%) Breite. In Summe ergibt das 11 von 12 Spalten, also 91,67%. Wir könnten also noch 1 von 12 (8,33333%) Spaltenbreiten auf eine Spalte verteilen, ohne dass eine neue Zeile begonnen würde.
Die Sortierreihenfolge übernimmst Du durch Angabe einer Positionsnummer. Je höher die Zahl, desto weiter hinten wir die Spalte angezeigt.
Erlaubt sind hier Positionsnummer von 1 - 12.
Beispiel:
Auf mobilen Geräten werden die einzelnen Footerspalten eingeklappt dargestellt. Der Besucher kann diese dann durch Klicken auf die Zeile ausklappen. Bei Bedarf können einzelne Spalten auch initial ausgeklappt dargestellt werden.
Beispiel:
