Versionen im Vergleich

Version Alte Version 24 Neue Version 25
Änderungen wurden vorgenommen von

Silvio Haase (Unlicensed)

Silvio Haase (Unlicensed)

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Sprungmarken

Überblick

Name

contentclass-snippet.gifSprungmarken

Ordner

folderopen.gifInhalts - Templates

Styleguide

noch kein Eintrag vorhanden

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel4
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Sprungmarken sind interne Links auf einer Seite, die es Besuchern erlauben, zu einem bestimmten Abschnitt bzw. Inhalt zu springen, ohne durch die gesamte Seite scrollen zu müssen. Solche Sprungmarken sparen Zeit und erleichtern die Navigation auf einer Webseite. Darüber hinaus kann die Sichtbarkeit der Webseite in den Suchergebnissen dadurch positiv beeinflusst werden.

Panel
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_1.png

2.1 Sprungmarken unter einem Inhaltselement

Ein Inhaltselement (im Beispiel “Bild und Text”) kann eine Einleitung in ein bestimmten Thema sein, mit Hilfe von Sprungmarken kann auf weiterführende Themen verwiesen werden.

Darstellung_2.png

2.2 Sprungmarken als Seitennavigation

Sprungmarken können auch als Navigation innerhalb der Seite eingesetzt werden und ermöglichen so dem Besucher zu speziellen Inhalte direkt zu springen.

Darstellung_3.png

2.3 Sprungmarken vertikale Ausrichtung

Die Darstellung von Sprungmarken variiert zwischen einspaltigen Layout (vertikal) in Listenform oder dreispaltigen Layout (horizontal), wie in der Abbildung zu sehen.

Panel
panelIconId270f
panelIcon:pencil2:
panelIconText✏️
bgColor#FFEBE6

3. Verwendung im SmartEdit

3.1 Erstellen des Seiteninhalts “Sprungmarken”

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gifSprungmarken”

Symbol

Aktion

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Seiteninhalte

Seiteninhalte_allgemein.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Inhalts - Templates” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen-Ordner.png
5contentclass-snippet.gif

Content-Klasse “Sprungmarken” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

Content_Klassen.png
6

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.png
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “Sprungmarken”

Darstellung_nach_Erstellen.png

3.2 Bearbeiten des Seiteninhalts “Sprungmarken”

Darstellung_nach_Erstellen.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Sprungmarken öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Sprungmarken schließen

Bearbeitung beenden

icon_reddot_multilink (1).png Seiteninhalte

Sprungmarke(n) erstellen, sortieren und/oder entfernen.
Die einzelnen Schritte sind im Abschnitt 3.2.1 Seiteninhalte erklärt.

icon_reddot.png Ausrichtung

Auswahl zwischen einspaltiger (vertikaler) oder dreispaltiger (horizontaler) Ausrichtung der Sprungmarken. Die einzelnen Schritte sind im Abschnitt 3.2.2 Ausrichtung erklärt.

3.2.1 Sprungmarke erstellen

Das Hinzufügen von Sprungmarken erfolgt immer in Bezug auf einen bereits auf dieser Seite bestehenden Seiteninhalt auf den dann mit Hilfe der erstellten Sprungmarke gezielt verwiesen wird. Eine Sprungmarke verweist dabei nur auf Seiteninhalte innerhalb einer Seite. Soll auf Inhalte anderer Seiten verwiesen werden, kann eine Verweisliste verwendet werden.

Symbol

Aktion

1icon_reddot_multilink.png

Seiteninhalte

Seiteninhalte.png
2AMnu_ConnectExistingPage.gif

Bestehende Seite verknüpfen

Link_bearbeiten.png
3

Suche / Auswahl einer bestehenden Seite

  • es stehen verschiedene Optionen zum Suchen des betreffenden Seiteninhalts zur Verfügung

    • nach Inhalt suchen

    • oder mit Hilfe der Seiten-ID (ID des betreffenden Seiteninhalts)

Im Beispiel soll eine Sprungmarke zu einem Akkordeon auf der Seite erstellt werden. Das Akkordeon hat die ID-6719 nach der gesucht, oder die direkt eingegeben werden kann. Alternativ kann auch die Überschrift (insofern vorhanden) des Akkordeon als Suchbegriff eingegeben werden.

  • mit “Start” suche starten

Seitensuche.png
4

Anzeige des Suchergebnis

  • In der Beispielabbildung ist der Seiteninhalt Akkordeon mit der ID 6719 aufgelistet

  • entsprechenden Eintrag auswählen / anklicken

Suchergebnis.png
5

Darstellung nach der Auswahl

  • hier ist der Seiteninhalt (Akkordeon) mit der ID 6719 als Sprungmarke (Link) aufgelistet

  • der Linkname wird automatisch aus der Bezeichnung der Content-Klasse gebildet, kann aber anschließend individuell angepasst werden (siehe Abschnitt 3.2.3 Linkname)

Darstellung_nach_Auswahl_Seite.png

3.2.2 Ausrichtung

Symbol

Aktion

1icon_reddot.png

Ausrichtung

Im dem Beispiel wurden bereits 3 Sprungmarken erstellt und dienen hier der besseren Darstellung der Ausrichtung von Sprungmarken.

Bearbeiten_Ausrichtung.png
2

Ausrichtung der Sprungmarken

  • Auswahl zwischen

    • “vertikal (einspaltig)” oder

    • “horizontal (dreispaltig)”

  • gewünschte Ausrichtung wählen

  • mit OK bestätigen

Ausrichtung_Auswahl.png
3

Darstellung nach Auswahl “vertikal (einspaltig)” in der Seitenvorschau

Ausrichtung_vertikal.png
4

Darstellung nach Auswahl “horizontal (dreispaltig)” in der Seitenvorschau

Ausrichtung_horizontal.png

3.2.3 Linkname

Symbol

Aktion

1icon_reddot.png

Linkname

Die Bezeichnung / Namen der einzelnen Sprungmarken werden automatisch aus der CMS internen Seitenüberschrift (im Beispiel “Bildergalerie 6723”) gebildet und können individuell und entsprechend den Ansprüchen angepasst werden.

Bearbeiten_Linkname.png
2

Bezeichnung / Name der Sprungmarke ändern/anpassen

  • im Beispiel wird der Linkname in “Zur Bildergalerie” geändert

Linkname_bearbeiten.png
3

Darstellung in der Seitenvorschau nach Änderung des Linknamen

Darstellung_Linkname_bearbeiten.png

3.3.4 Sprungmarken sortieren

In diesem Abschnitt wird erklärt, wie einzelne Seiteninhalte sortiert werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.8 Sortieren von Seiteninhalten zu finden.

Symbol

Aktion

1icon_reddot_multilink (1).png

Seiteninhalte

Seiteninhalte.png
2

Die weiteren Bearbeitungsschritte sind im Kapitel 7.8 Sortieren von Seiteninhalten ab Punkt 2 beschrieben.

3.3.5 Sprungmarken entfernen

In diesem Abschnitt wird erklärt, wie einzelne Seiteninhalte entfernt werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.9 Entfernen von Seiteninhalten zu finden.

Symbol

Aktion

1icon_reddot_multilink (1).png

Seiteninhalte

Seiteninhalte.png
2

Die weiteren Bearbeitungsschritte sind im Kapitel 7.9 Entfernen von Seiteninhalten ab Punkt 2 beschrieben.

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort