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

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.
Auswahl einiger Formatierungsstile direkt im CK-Editor
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.
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

Bei jedem Stil lässt sich in der Inhalts­zeile, Inhalts­fläche und im Inhalts­element die responsive Darstellung aktivieren oder deaktivieren.

Klicken Sie dazu einfach auf den kleinen Pfeil bei dem Stil, dann klappt eine neue Zeile "Aktiv für:" auf.

  • XSmall Handy Hochformat
  • Small Handy Querformat / Tablet Hochformat
  • Large Tablet Querformat
  • XLarge Desktop-Bildschirm

Die Stile lassen sich in diesen vier Auflösungen aktivieren oder deaktivieren.

Aktiv in-Einstellungen bei einem Stil für die responsive Darstellung

Responsive Ein­stellungen öffnen

Responsive Ein­stellungen öffnen

Responsive Darstellungen aktivieren / deaktivieren

Responsive Darstellungen aktivieren / deaktivieren

Ein Beispiel: Sie möchten einen Text am Desktop und Tablet im Querformat 100% größer anzeigen und am Tablet im Hochformat und am Handy nur um 50% größer, damit die Schrift mobil bei kleineren Auflösungen nicht so wuchtig wirkt. Ziehen Sie Ihr Bildschirm­fenster einfach kleiner, dann sehen Sie den Unterschied.
Stil Textformatierung: größer (50%) aktiviert für XSmall und Small
Stil Textformatierung: größer (100%) aktiviert für Large und XLarge

Ihnen stehen für mehrspaltige Layouts auch die Stile "Abstand zwischen den Flächen" zur Verfügung.

Tutorial Abstand zwischen den Flächen

zurück zur Übersicht