Tutorial: SITEX Inhalts­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 | Inhaltseditor-Vorlagen

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".

Anker-Icon im CK-Editor

Anker anlegen

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.
Unter Ankereigenschaften dem Anker einen Namen geben und mit OK bestätigen

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 / editieren" im CK-Editor.

im Text-Modul den Text Anker 1 markieren und das Icon Link editieren / ausführen anklicken

Link einfügen / editieren

  • 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.
Unter Link-Typ muss Anker in dieser Seite ausgewählt werden
Darstellung der genauen Einstellungen wie ein Anker angelegt wird

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.
Symbol für einen Anker auf dunklem Hintergrund

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

Inhaltseditor-Vorlagen

zurück zur Übersicht