Tutorial: Inhalts­editor

SITEX steht im Zentrum Ihrer redaktionellen Arbeit. Mit dem Inhaltseditor 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.

Inhaltseditor kennenlernen

Inhalte erstellen und bearbeiten

Texte, Bilder, Module einbinden

CK-Editor

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 Platz­angebot Worte über den Rand einer Fläche hinaus gehen?

Sie können sich das wie einen optionalen Binde­strich vorstellen, welcher zu lange Worte automatisch abtrennt. Das System erkennt automatisch, ob sich das Wort in der entspr­echenden 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 Zeilen­umbruch mit Trenn­zeichen" im CK-Editor. Sie können ihn mit dem Symbol (-) gleich während des Schreibens Ihrer Texte an der ge­wünschten Stelle einfügen.

Trennzeichen-Icon im CK-Editor

Bedingter Um­bruch mit Trenn­strich (­)

Der bedingte Trenn­stich wird an jene Stelle eines Wortes gesetzt, wo ein Zeilen­umbruch erlaubt ist. Wird das Wort umge­brochen, erscheint der Trenn­strich. Ansonsten bleibt er im Web­browser unsichtbar. Mit dem Einsatz des bedingten Trenn­strichs leisten Sie einen weiteren Beitrag zur Benutzer­freundlichkeit Ihrer Website. Sie als RedakteurIn haben es selbst in der Hand, wo Sie dieses Trenn­zeichen setzen.

Vor allem für mobile Ansichten auf Smart­phones, ist der bedingte Trenn­strich von Bedeutung. Zusätzlich natürlich auch in begrenzten Anzeige­bereichen oder Containern, die weniger Platz für Text bieten.
Verwenden Sie das Trenn­zeichen bei

  • Überschriften,
  • vergrößerten Texten (zum Beispiel in Slide­shows) und
  • längeren, zusammen­gesetzten Wörtern.

Im Produkt­katalog können Sie beim Produkt­titel eben­falls einen bedingten Trenn­strich 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: Kugel­schreiber

an markierter Stelle bedingten Umbruch eingeben

Bei Über­setzungen wird der html-Tag nicht mitüber­setzt. Bei Wörtern in anderen Sprachen muss der bedingte Trenn­strich manuell gesetzt werden.

Stile

Inhaltseditor-Vorlagen erstellen und bearbeiten