Alle Seiten
Bereitgestellt von GitBook
1 von 1

Loading...

Konfiguration

Basiskonfiguration


Grundlayout

Feldtyp: Auswahlfeld

Verfügbare Werte: • Full-width • Full-width Boxed • Boxed

Beispiel Wert: Full-width Boxed

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-container-layout

Wähle den Größenmodus des Containers aus.


Abgerundete Ecken

Feldtyp: Nummernfeld

Beispiel Wert: 2

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-border-radius


Feldtyp: Medienauswahl

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image


Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-show


Feldtyp: Auswahlfeld

Verfügbare Werte: • Ursprüngliche Abmessungen (auto) • Hintergrund vollständig abdecken (cover) • Hintergrund vollständig abdecken (contain)

Beispiel Wert: Ursprüngliche Abmessungen (auto)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-size


Feldtyp: Auswahlfeld

Verfügbare Werte: • Links, Oben • Links, Mitte • Links, Unten • Rechts, Oben • Rechts, Mitte • Rechts, Unten • Mitte, Oben • Mitte, Mitte • Mitte, Unten

Beispiel Wert: Links, Oben

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-position


Feldtyp: Auswahlfeld

Verfügbare Werte: • Keine Wiederholung (no-repeat) • Horizontal und vertikal (repeat) • Horizontal (repeat-x) • Vertikal (repeat-y)

Beispiel Wert: Horizontal und vertikal (repeat)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-repeat


Feldtyp: Auswahlfeld

Verfügbare Werte: • Hintergrundbild scrollt mit der Seite (scroll) • Hintergrundbild bleibt fixier (fixed)

Beispiel Wert: Hintergrundbild bleibt fixier (fixed)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-background-image-attachment


Feldtyp: Nummernfeld

Beispiel Wert: 1400

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-max-width


Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container"

Technischer Name: twt-container-padding-left-right


Feldtyp: Nummernfeld

Beispiel Wert: 30

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-margin-top-bottom


Feldtyp: Textfeld

Beispiel Wert: 0 0 30px

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow


Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.3)

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Grundlayout "boxed")"

Technischer Name: twt-container-layout-box-shadow-color


Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-margin-top


Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-margin-bottom


Feldtyp: Nummernfeld

Beispiel Wert: 8

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-phone-xs


Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-phone


Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding-tablet


Feldtyp: Nummernfeld

Beispiel Wert: 30

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-padding


Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-border-color


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Layout" => Bereich "Layout" => Abschnitt "Container (Nicht CMS-Seiten)"

Technischer Name: twt-container-main-background-color

Hintergrundbild

Hintergrundbild

Hintergrundbild anzeigen

Abmessungen

auto Das auto Schlüsselwort skaliert das Hintergrundbild so in die entsprechende Richtung, dass das ursprüngliche Seitenverhältnis beibehalten wird.

cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird.

contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.

Position

Wiederholung

Fixierung

Scroll: Das Hintergrundbild scrollt zusammen mit Text und Bildern.

Fixed: Fixiert das Hintergrundbild an einer festen Position im Browserfenster und erweckt beim Scrollen den Anschein, die folgenden Inhalte würden über das Hintergrundbild geschoben.

Container

Maximale Breite

Äußerer Abstand links/rechts @Phone (<576px)

Lege den äußeren Abstand (links und rechts) vom Haupt-Container auf Nicht-CMS-Seiten fest.

Standard: 20

Container (Grundlayout "boxed")

Außenabstand oben/unten

Nur bis "Container" > "Maximale Breite" erreicht.

Schlagschatten

Schattenfarbe

Container (Nicht CMS-Seiten)

Außenabstand oben

Lege den Außenabstand noch oben vom Haupt-Container auf Nicht-CMS-Seiten fest.

Außenabstand unten

Lege den Außenabstand unten oben vom Haupt-Container auf Nicht-CMS-Seiten fest.

Innenabstand @Phone (<576px)

Lege den Innenabstand im Haupt-Container auf Nicht-CMS-Seiten fest.

Innenabstand @Phone (Querformat) (≥576px)

Lege den Innenabstand im Haupt-Container auf Nicht-CMS-Seiten fest.

Innenabstand @Tablet (≥768px)

Lege den Innenabstand im Haupt-Container auf Nicht-CMS-Seiten fest.

Innenabstand @Desktop (≥1200px)

Lege den Innenabstand im Haupt-Container auf Nicht-CMS-Seiten fest.

Rahmenfarbe

Wähle die Rahmenfarbe vom Haupt-Container auf Nicht-CMS-Seiten aus.

Hintergrundfarbe

Wähle die Hintergrundfarbe vom Haupt-Container auf Nicht-CMS-Seiten aus.