Sprungmarken
Überblick
Name |
|
|---|---|
Ordner |
|
Styleguide | noch kein Eintrag vorhanden |
Inhaltsverzeichnis
| Inhalt | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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 | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
2. Verschiedene Darstellungsmöglichkeiten |
2.1
Zitat als Einleitung im Inhaltsbereich der SeiteDas Zitat kann unter Anderem als gestalterisches Mittel verwendet werden, um zum Beispiel ein bestimmtes Thema der Seite einzuleiten.Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung. In der Beispielabbildung ist die Seitenaufteilung der gesamten Seite “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung |
2.2 Zitat in der Marginalspalte
Das Zitat kann auch als Seiteninhalt in der Marginalspalte verwendet werden. Ein Zitat lockert das Schrift-und Erscheinungsbild der Seite auf und kann einen besonderen Bezug zu einem bestimmten Thema erzeugen. In der Beispielabbildung wurde die Seitenaufteilung “Navigation-Inhalt Marginalspalte” gewählt.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.5 Die Marginalspalte |
2.3 Zitat als Seiteninhalt in einem Inhaltsteiler
Innerhalb von dem Seiteninhalt Inhaltsteiler kann das Zitat ebenfalls eingesetzt werden. Im der Beispielabbildung wurde in der linken Spalte des Inhaltsteiler ein Bild verwendet und in der rechten Spalte das Zitat.
Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung. In der Beispielabbildung ist die Seitenaufteilung der gesamten Seite “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.5 Die Marginalspalte |
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.
2.2 Sprungmarken als Seitennavigation
Sprungmarken können auch als Navigation innerhalb der Seite eingesetzt werden und ermöglichen es so dem Besucher direkt zu speziellen Inhalten zu springen.
2.3 Sprungmarken vertikale Ausrichtung
Die Darstellung von Sprungmarken variiert zwischen einspaltigem Layout (vertikal) in Listenform oder dreispaltigem Layout (horizontal), wie in der Abbildung zu sehen.
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
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 “
Sprungmarken”
Symbol | Aktion | ||||
|---|---|---|---|---|---|
| 1 | Seite öffnen |  | |||
| 2 |  | Seiteninhalte |  | ||
| 3 |  | Seite erstellen & verknüpfen |  | ||
| 4 |  | Content-Klassen Ordner “Inhalts - Templates” auswählen
|   | ||
| 5 |  | Content-Klasse “Sprungmarken” auswählen
|   | ||
| 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. |  | |||
| 7 | Mit “OK” bestätigen |  | |||
| 8 | Darstellung nach Erstellung “Sprungmarken” |  |
3.2 Bearbeiten des Seiteninhalts “Sprungmarken”
Da die Linie ein einfacher Seiteninhalt, welcher in seiner Form, Farbe oder Größenverhältnissen vom CMS vorgegeben ist kann dieser nicht weiter bearbeitet werden. Lediglich die Positionierung der Linie innerhalb der Seite kann individuell und den Anforderungen entsprechend bestimmt werden.
In der Grundeinstellung diese Seiteninhalts ist ein Zitat als Platzhalter eingefügt. Dies dient nur der beispielhaften Darstellung.
Bezeichnung | Beschreibung |
|---|---|
| Seiteninhalt zur Bearbeitung öffnen |
| Bearbeitung beenden |
| Einfügen des Zitattextes. Die Anführungszeichen werden automatisch gesetzt. Die Schriftart, Schriftgröße und die Ausrichtung des Zitattextes sind bereits vordefiniert und können nicht bearbeitet werdenSprungmarke(n) erstellen, sortieren und/oder entfernen. |
| Einfügen der Autorin / des AutorsAuswahl zwischen einspaltiger (vertikaler) oder dreispaltiger (horizontaler) Ausrichtung der Sprungmarken. Die einzelnen Schritte sind im Abschnitt 3.2.2 Ausrichtung erklärt. |
.png?version=1&modificationDate=1724932732111&cacheVersion=1&api=v2){kind=icon}
.png?version=1&modificationDate=1724932731873&cacheVersion=1&api=v2){kind=icon}
.png?version=4&modificationDate=1727361718435&cacheVersion=1&api=v2){kind=icon}
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 | ||
|---|---|---|---|
| 1 | | Seiteninhalte |  |
| 2 |  | Bestehende Seite verknüpfen |  |
| 3 | Suche / Auswahl einer bestehenden Seite
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.
|  | |
| 4 | Anzeige des SuchergebnisSuchergebnisses
|  | |
| 5 | Darstellung nach der Auswahl
|  |
3.2.2 Ausrichtung
Symbol | Aktion | ||
|---|---|---|---|
| 1 |  | Ausrichtung Im dem Beispiel wurden bereits 3 Sprungmarken erzeugt und erstellt. Diese dienen hier der besseren Darstellung der Ausrichtung von Sprungmarken. |  |
| 2 | Ausrichtung der Sprungmarken
|  | |
| 3 | Darstellung nach Auswahl “vertikal (einspaltig)” in der Seitenvorschau |  | |
| 4 | Darstellung nach Auswahl “horizontal (dreispaltig)” in der Seitenvorschau |  |
3.2.3 Linkname
Symbol | Aktion | ||
|---|---|---|---|
| 1 | | Linkname Die Bezeichnung Bezeichnungen / Namen der einzelnen Sprungmarken werden automatisch aus der Bezeichnung der Content-Klasse CMS internen Seitenüberschrift (im Beispiel “Bildergalerie 6723”) gebildet und können individuell und entsprechend den Ansprüchen angepasst werden. |  |
| 2 | Bezeichnung / Name der Sprungmarke ändern/anpassen
|  | |
| 3 | Darstellung in der Seitenvorschau nach Anpassung/Änderung der Bezeichnung / Name der Sprungmarken  Änderung des Linknamens | |
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.7 Sortieren von Seiteninhalten zu finden.
Symbol | Aktion | ||
|---|---|---|---|
| 1 | .png?version=4&modificationDate=1727361718435&cacheVersion=1&api=v2&width=24){kind=icon} | Seiteninhalte | |
| 2 | Die weiteren Bearbeitungsschritte sind im Kapitel 7.7 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.8 Entfernen von Seiteninhalten zu finden.
Symbol | Aktion | ||
|---|---|---|---|
| 1 | | Seiteninhalte | |
| 2 | Die weiteren Bearbeitungsschritte sind im Kapitel 7.8 Entfernen von Seiteninhalten ab Punkt 2 beschrieben. |
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
4. Häufig gestellte Fragen (FAQ) |
Frage | Antwort | Wie kann ich die Schriftart oder die Schriftfarbe einstellen? | Muss der Autor, die Autorin angegeben werden? |
|---|---|---|---|