Tutorial: SITEX Editor
SITEX steht im Zentrum Ihrer redaktionellen Arbeit. Mit dem SITEX Editor des Content Management Systems erstellen und gestalten Sie die Seiten Ihre Website. Wie der Editor aufgebaut ist und welche Bearbeitungsmöglichkeiten Sie haben, erklären wir Ihnen in den Tutorials.
Für zusätzlichen persönlichen Support nehmen Sie Kontakt mit uns auf. Wir helfen Ihnen gerne weiter.
- Öffnen Sie mit dem
-Symbol das Bearbeitungsfenster. - Klicken Sie unter Hintergrund auf das Fragezeichen
, um die Mediabox zu öffnen. - Dort wählen Sie das gewünschte Video aus. Wie Sie Videos in die Mediabox laden, erklären wir Ihnen in einem eigenen Tutorial.
- Anschließend aktivieren Sie im Bearbeitungsfenster noch die Checkbox bei Vollflächig und wählen eine Ausrichtung für das Video aus.
- Klicken Sie auf Übernehmen, um die Einstellungen zu speichern und anschließend speichern Sie noch die Inhaltsseite, damit Ihre Änderungen online sichtbar werden.
Hier ein Beispiel mit einem Hintergrundvideo auf der Inhaltszeile.
Layout: 1 Spalte | 100% | - begrenzt
Stile beim Inhaltselement:
Textausrichtung zentriert
Innerer Abstand 100 px oben und unten
Hier das gleiche Hintergrundvideo auf der Inhaltsfäche mit gleichem Layout und gleichen Stilen.
Beim Inhaltselment wurde hier zusätzlich der Stil "Hintergrund aufhellen"
und bei der Inhaltsfläche ein innerer Abstand mit 40px angelegt,
um Ihnen eine weitere Gestaltungsmöglichkeit zu zeigen.
Ausnahme: Beim Bildverhalten "Höhe vom Hintergrund annehmen" wird das Video in der Originalhöhe im gewählten Layout ausgegeben.
Mit dem Bildverhalten "Höhe von Hintergrund annehmen" wird das Video in Originalhöhe ausgegeben.
Hier haben wir die wichtigsten Stile für
- den CK-Editor,
- das rote Inhaltselement,
- die blaue Inhaltsfläche und
- die gelbe Inhaltszeile
zusammengefasst und zeigen Ihnen, wo Sie die Stile finden und welche Stile Ihnen in welchem Bereich zur Verfügung stehen.
| Stil | Beschreibung |
| Darstellung wie Überschrift 1 - 4 | Nur der markierte Text wird im Styling des gewählten Überschriften-Stils ausgegeben, aber nicht mit einem Überschriften-tag. |
| Text größer (20% | 50% | 100%) | Der markierte Text wird um 20, 50 oder 100% vergrößert. |
| Text kleiner (-20%) | Markierten Text um 20% kleiner ausgeben. |
| Text fetter | Text wird fett dargestellt. |
| Akzentfarbe aktiv | Hier wird der Text in der unter Customizing Erscheinungsbild Inhalt Akzentfarbe aktiv festgelegten Farbe ausgegeben. |
| Schriftfarbe weiß, schwarz, Dezent, alternative Schriftfarbe | Ändern Sie die Schriftfarbe. |
| Schriftschatten Weiß, Schwarz, Akzentfarbe, Akzentfarbe aktiv, Dezent, alternative Schriftfarbe | Wenn Sie Bilder hinter den Text legen, sind Schriftschatten oft sinnvoll, um den Text über den Bildern besser zu lesen. |
| Button einfach, farbig, hell, dunkel oder jeweils als Button klein | Für jeden Button können Sie Text- und Rahmen-Farben, Radius bei den Ecken und weitere Einstellungen vornehmen unter Customizing Erscheinungsbild Button. |
| Hintergrundfarbe, Hintergrund Akzentfarbe, Dezent, alternative Schriftfarbe | Legen Sie hinter den markierten Text eine Farbe. |
| Akzent Schriftart | Gestalten Sie den markierten Text in einer alternativen Schriftart, die Sie unter Customizing Erscheinungsbild Schriftarten Akzent Schriftart festlegen. |
Sie haben Fragen zu den Stilen? Dann melden Sie sich bei uns. Wir helfen Ihnen gerne weiter.