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.
Haben Sie beim Editieren Ihrer Texte manchmal das Problem, dass Wörter in mobilen Auflösungen zu lange sind und nicht umbrechen? Oder bei begrenztem Platzangebot Worte über den Rand einer Fläche hinaus gehen?
Sie können sich das wie einen optionalen Bindestrich vorstellen, welcher zu lange Worte automatisch abtrennt. Das System erkennt automatisch, ob sich das Wort in der entsprechenden Zeile noch zur Gänze ausgeht oder umbrechen soll. Technisch gesprochen wird mit dieser Funktion ein spezielles Zeichen, nämlich das "soft hyphen" (Abkürzung: shy), gesetzt.
Sie finden den "bedingten Zeilenumbruch mit Trennzeichen" im CK-Editor. Sie können ihn mit dem Symbol (-) gleich während des Schreibens Ihrer Texte an der gewünschten Stelle einfügen.
Vor allem für mobile Ansichten auf Smartphones, ist der bedingte Trennstrich von Bedeutung. Zusätzlich natürlich auch in begrenzten Anzeigebereichen oder Containern, die weniger Platz für Text bieten.
Verwenden Sie das Trennzeichen bei
- Überschriften,
- vergrößerten Texten (zum Beispiel in Slideshows) und
- längeren, zusammengesetzten Wörtern.
Im Produktkatalog können Sie beim Produkttitel ebenfalls einen bedingten Trennstrich setzen. Da Ihnen dort kein CK-Editor zur Verfügung steht, schreiben Sie den html-Tag "­" direkt an die gewünschte Stelle im Wort. Das Verhalten ist genau gleich, wie bei der Verwendung des Symbols im CK-Editor.
Beispiel: Produkt­titel
Bei Übersetzungen wird der html-Tag nicht mitübersetzt. Bei Wörtern in anderen Sprachen muss der bedingte Trennstrich manuell gesetzt werden.
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.