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

Ein Anker ist eine soge­nannte Sprung­marke. Per Klick auf diesen Anker im Frontend, springen Ihre Leser an die verankerte Stelle auf dieser Inhalts­seite.

Anker können nur in einem Text-Modul angelegt werden! Wenn Sie also einen Anker bei einem Bild, einer Slide­show oder anderen Modulen anlegen möchten, dann legen Sie dort, wo Ihre Leser hin­springen sollen, einfach ein Text-Modul an, in dem Sie nur diesen Anker anlegen. Wir haben unten ein Beispiel für Sie ange­führt.

Legen Sie dazu ein Modul Text in der Inhalts­zeile an. Klicken Sie sich in das Textfeld und anschließend im CK-Editor auf das Symbol anker "Anker".

Geben Sie dem Anker einen Namen. Verwenden Sie dabei unbe­dingt

  • nur Klein­buch­staben,
  • zur Wort­trennung Binde­striche und
  • keine Umlaute, Sonder­zeichen o.ä.

Beachten Sie dabei, dass der Anker­name am Ende Ihrer URL mit einem Hashtag # hinzu­gefügt wird. Daher sollten Sie unbedingt die Schreib­weise beachten.

Klicken Sie auf OK, um den Anker­namen zu speichern. Anschließend erscheint an dieser Stelle in Ihrem Textfeld im Backend das Symbol anker-textfeld. Im Frontend wird dieses Symbol nicht ange­zeigt.

Ankername im Backend
Ankername in URL

Um Anker zu verwenden, können Sie entweder direkt im Fließ­text einen Text markieren, zu dem Leser per Klick dann hin­springen sollen, oder Sie erstellen eine Art Inhalts­verzeichnis, in dem Sie zu den Ankern verlinken.

Im Textfeld markieren Sie den Text, der verlinkt werden soll und klicken auf das Symbol link-einfuegen-editieren "Link einfügen" im CK-Editor.

Text im Backend markieren
  • Hier wählen Sie unter Link-Typ "Anker in dieser Seite" aus.
  • Anschließend erscheinen unter "Anker auswählen" die beiden Felder "Nach Anker­name" und "Nach Element­kennung". Hier wählen Sie bei beiden Feldern unbedingt den gleichen Anker aus!
  • Zum Fertig­stellen des Ankers klicken Sie noch auf OK. Dann wird im Text­feld der markierte Text und der Text im Frontend wie eine Verlinkung darge­stellt.
Link-Typ auswählen
Anker auswählen (unbedingt beide!)
Anker fertigstellen

Und hier ein Beispiel, wie Sie die Anker­navigation als Inhalts­verzeichnis verwenden können:

Hier der Inhalt zu Anker 1:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Hier der Inhalt zu Anker 2:
Sie können zu jeder Art von Inhalt springen: Bilder, Videos, Module wie Medien­galerien oder Slideshows.

Nur der Anker selbst muss - wie oben beschrieben - in einem eigenen Textfeld angelegt werden.

Hier der Inhalt zu Anker 3:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

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