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 aufge­baut ist und welche Bearbeitungs­möglich­keiten 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.

Allgemeine Einstellungen | Inhaltszeilen bearbeiten | CK-Editor | Stile

Allgemeine Einstellungen

Inhaltszeilen bearbeiten

Beim Bearbeiten Ihrer Inhalts­seite lassen sich Hintergrund­videos auf der Inhalts­zeile und der Inhalts­fläche anlegen. Diese Videos starten automatisch, sobald das Video im sichtbaren Bereich Ihres Bild­schirms erscheint, allerdings ohne Ton oder Steuer­elemente. Dafür können Sie hier Texte über dem Hintergrund­video anlegen und Stile wie gewohnt einsetzen.
  • Bei der gelben Inhalts­zeile öffnen Sie mit dem bearbeiten-Symbol das Bearbeitungs­fenster.
  • Klicken Sie hier unter Hinter­grund auf das Frage­zeichen fragezeichen-mediabox, um die Media­box 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 Bearbeitungs­fenster 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 Inhalts­seite, damit Ihre Änderungen online sichtbar werden.
Inhalts­zeile: Mediabox öffnen und Video auswählen
Inhalts­zeile: Vollflächig und Ausrichtung auswählen

Hier ein Beispiel mit einem Video auf der Inhaltszeile.

Layout: 1 Spalte | 100% | - begrenzt

Stile beim Inhaltselement:
Textausrichtung zentriert
Innerer Abstand 100 px oben und unten

Auf der Inhalts­fläche lassen sich Videos als Hinter­grund analog zur Inhalts­zeile anlegen, nur dass Sie hier das Bearbeitungs­fenster in der blauen Inhalts­fläche öffnen.
Inhalts­fläche: Mediabox öffnen und Video auswählen
Inhalts­fläche: Vollflächig und Ausrichtung auswählen

Hier das gleiche Video 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.

Beim roten Inhalts­element ist die Vorgehens­weise eben­falls gleich wie bei Inhalts­zeile und Inhalts­fläche.
Eine Besonder­heit: Beim Bildverhalten "Höhe vom Hinter­grund annehmen" wird das Video in der Original­höhe im gewählten Layout ausge­geben.
Inhalts­element: Media­box öffnen und Video auswählen
Inhalts­element: Bild­ver­halten Höhe von Hinter­grund annehmen
Beim Inhalts­element kann eben­falls ein Video angelegt werden.
Mit dem Bild­verhalten "Höhe von Hinter­grund annehmen" wird das Video in Original­höhe ausge­geben.

CK-Editor

Stile

In unserem CMS stehen Ihnen verschiedene Stile in den verschiedenen Bereichen zur Verfügung, mit denen Sie Ihre Website gestalten können.

Hier haben wir die wichtigsten Stile für

zusammen­gefasst und zeigen Ihnen, wo Sie die Stile finden und welche Stile Ihnen in welchem Bereich zur Verfügung stehen.

Im CK-Editor stylen Sie im Textmodul einzelne Wörter, Zeilen, Absätze ähnlich wie in einem Word-Dokument. Markieren Sie hier den gewünschten Text und wählen Sie im CK-Editor einen Stil aus. Der markierte Text wird dann in diesem Stil dargestellt.
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.
Farbige HR Hier erscheint unter dem markierten Text eine farbige, zentrierte, kurze Linie.
Akzent Schriftart Gestalten Sie den markierten Text in einer alternativen Schriftart, die Sie unter Customizing Erscheinungsbild Schriftarten Akzent Schriftart festlegen.
Im CK-Editor finden Sie auch Stile für Spalten­breite und Spalten­umbruch vermeiden. Eine aus­führliche Erklärung dazu finden Sie in einem eigenen Tutorial.

Sie haben Fragen zu den Stilen? Dann melden Sie sich bei uns. Wir helfen Ihnen gerne weiter.

Support

zurück zur Übersicht