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.
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. |
| 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. |
Sie haben Fragen zu den Stilen? Dann melden Sie sich bei uns. Wir helfen Ihnen gerne weiter.
Spalten im Text lassen sich
- beim Inhaltselement
- bei der Inhaltsfläche
- im CK-Editor als DIV Container und
- im CK-Editor als Formatierungsstile anzeigen.
Die Spalten werden dabei immer von der Desktopbreite ausgehend berechnet. Somit sehen die Spalten auf mobilen Bildschirmen anders aus als am Desktop.
Stil im Inhaltselement
Soll der gesamte Text in einem Inhaltselement in Spalten angezeigt werden, wählen Sie den gewünschten Stil am besten beim Inhaltselement aus.
Stil auf Inhaltsfläche
Haben Sie in einer Inhaltsfläche mehrere Inhaltselemente mit Texten angelegt und möchten alle diese Inhaltselemente mit der gleichen Spaltenbreite ausgeben, können Sie die Spaltenbreite als Stil auch auf der Inhaltsfläche auswählen.
In einem Inhaltselement können Sie auch den gesamten Text mittels "DIV Container erzeugen" in mehreren Spalten darstellen. Klicken Sie dazu auf den 
-Button im CK-Editor. Anschließend öffnet sich ein eigenes kleines Fenster, in dem Sie die Spaltenbreite auswählen können. Das Verhalten ist hier gleich, wie wenn Sie den Stil beim Inhaltselement verwenden.
Wurden die Spalten mit dem DIV Container erzeugt, haben Sie auch die Möglichkeit anschließend im Backend mit Klick auf die rechte Maustaste ein Kontextmenü zu öffnen.
- Klicken Sie auf "Div bearbeiten" öffnet sich das gleiche Fenster, wie wenn Sie im CK-Editor auf den Button klicken.
- Klicken Sie im Kontextmenü auf "Div entfernen" löschen Sie die Spalten wieder.
Sie möchten in einem Inhaltselement nur einen Absatz in Spalten anzeigen? Auch das ist möglich. Markieren Sie dazu den gewünschten Absatz und wählen unter Stil die gewünschte Spaltenbreite aus.
Hinweis: Wir empfehlen Ihnen allerdings, diesen Absatz besser in ein eigenes Inhaltselement auszulagern und den Stil beim Inhaltselement oder als DIV Container zu verwenden.
Erster Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Zweiter Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Erster Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Zweiter Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Erster Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Zweiter Absatz: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.