Versionen im Vergleich

Schlüssel

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


BeschreibungDer Block »Akkordeon« stellt Inhalte durch verschiedene Einträge mit den dazugehörigen Überschriften strukturiert dar und bietet daher eine gute Alternative zur Tabelle.
Beispiel

Youtube-Link zum HowTo-Video
Panel
borderWidth0px

Link zu YouTube-Tutorial


Beschreibung

Der Block »Akkordeon« stellt Inhalte durch verschiedene Einträge mit den dazugehörigen

Überschriften

Überschriften strukturiert dar und bietet daher eine gute Alternative zur Tabelle.

Panel

Anwendungsbeispiel

Akkordeon zugeklappt

Image Added

Akkordeon ausgeklappt

Image Added

Youtube-Link zum HowTo-Video

borderColor#fff

Section
widget
Column
width
100%
200px
urlhttps://www.youtube.com/watch?v=4VnSCwcSi7Qheight720

INHALTSVERZEICHNIS

Inhalt
excludeINHALTSVERZEICHNIS

Verwendung

Zerlegung langer Inhalte: Ein langer Text mit vielen, inhaltlich eigenständigen Informationsschnipseln eignet sich hervorragend für die Verwendung des Akkordeons. Nutzenden wird die Möglichkeit geboten, schnell die Teilinformation aufzurufen, die benötigt wird.

Weitere Infos sind Ihnen auf der Präsentationsseite bereitgestellt. Dort präsentieren wir Ihnen alle zur Verfügung stehenden Blöcke.

Schritt-für-Schritt-Anleitung

  1. Fügen Sie
  2. den 
  3. den Block
  4. Akkordeon
  5. hinzu
  6. . Wählen Sie bei Bedarf zusätzlich eine Blocküberschrift aus
  7. .
  8.  Ist der Block »Akkordeon« hinzugefügt, lässt sich das Einstellungsmenü aufrufen. Dieses finden Sie, wenn Sie bei Ihrem Block auf das Zahnradsymbol fahren und auf »Einstellungen« klicken
  9. Öffnen Sie über die Einstellungsleiste die »Einstellungen«.
  10. Über das »+« fügen Sie einen neuen Eintrag hinzu. Das Dialogfenster für die Eingabe des neuen Eintrages erscheint und Sie können den Titel für den Eintrag auswählen.
  11. Durch den Klick auf  »Ok« bestätigen Sie den neuen Eintrag.
  12. Erweitern
    titleOptional: Sprache

    Wählen Sie  »Sprache« aus, um einen anderssprachigen Eintrag zu kennzeichnen.

  13. Erweitern
    titleOptional: Bilder

    Sie können zusätzlich ein Bild aus dem Multimediabereich auswählen.

    Wird ein Bild eingefügt, lässt sich die im Multimediabereich hinterlegte Bildunterschrift ändern.
    Außerdem müssen Sie auswählen, ob das Bild oberhalb (empfohlen), unterhalb, links oder rechts des Textes erscheinen soll.

  14. Erweitern
    titleOptional: Linktyp

    Auszug einschließen
    Link einfügen
    Link einfügen
    nopaneltrue

  15. Erweitern
    titleOptional: Aufzählungen

    Für bessere Strukturierung eignet sich manchmal eine automatische Aufzählung.
    »alphabetisch«: Ihre Ihre Einträge werden mit Buchstaben A, B, C, ... versehen.
    »nummerisch«: Ihre Einträge werden nummeriert dargestellt.
    Wichtig: Ihre Einträge werden nicht nach dem Namen des Titels automatisch alphabetisch sortiert. Die Funktion dient vielmehr der Aufzählung mit Hilfe von Buchstaben oder Zahlen. Die von Ihnen festgelegte Reihenfolge der Einträge wird beibehalten. 

  16. Klicken Sie anschließend auf  »Übernehmen« und Ihr fertiges Akkordeon befindet sich auf Ihrer Seite.
  17. Der Text kann nach Schließen des Einstellungsmenüs direkt in das Feld »Inhalt« geschrieben werden. Analog zu anderen Blöcken wie Text und Bild stehen dabei zahlreiche Formatierungsmöglichkeiten über den Texteditor zur Verfügung. 
  18. Einzelne Einträge lassen sich nachträglich umsortieren. Dazu im Einstellungsmenü den gewünschten Eintrag anklicken, gedrückt halten, an die entsprechende Stelle ziehen und dort loslassen. 
  19. Ihre Einträge können Sie nachträglich im Einstellungsmenü bearbeiten (Stift-Symbol) oder löschen (Kreuz-Symbol). 

   

Anwendungsbeispiele

Akkordeon zugeklappt

Image Removed

Akkordeon ausgeklappt

Image Removed

Zusätzliche Hinweise 

Tipp
  • Struktur durch Überschriften: Auch innerhalb der Einträge helfen Ihnen Überschriften, um die Inhalte zu strukturieren. Achten Sie darauf, dass die richtige Reihenfolge der Überschriften eingehalten wird. Einer Überschrift dritten Grades sollte immer eine Überschrift zweiten Grades übergeordnet sein. 
  • Überlange Einträge: Ein Akkordeon mit überfrachteten Einträgen ist schwer zu überblicken. Alternative: Große Informationsmengen auf mehrere Einträge oder auch auf mehrere Unterseiten verteilen.
  • Einträge mit besonders wichtigen Informationen: Da die Einträge zu Beginn zugeklappt sind, eignet sich das Akkordeon nur schlecht für Hinweise, die Besuchenden sofort ins Auge springen sollen. Setzen Sie in einzelnen Einträgen Sprungmarken, um auf anderen Seiten einen direkten Link auf die Inhalte eines bestimmten Akkordeoneintrags zu setzen.
  • Tabellen: Das Akkordeon gibt bereits eine klare Struktur für die Inhalte vor. Tabellen innerhalb der Akkordeoneinträge würden mit der umgebenden Struktur konkurrieren und könnten bei Besuchenden für Unverständnis sorgen. Wir haben die Verwendung von Tabellen im Akkordeon daher unterbunden.
  • Um einen Eintrag initial geöffnet anzeigen zu lassen, klicken Sie in den gewünschten Eintrag und setzen dort eine Sprungmarke. Dafür geben Sie in dem neuen Fenster eine Bezeichnung für die Sprungmarke ein. Wenn Sie nun die URL Ihrer Seite eingeben, fügen Sie am Ende "#[Name der Textmarke]" ein. So ist die URL für diese Seite zum Beispiel https://www.uni-jena.de/praesentationsseite-bloecke. Um den ersten Eintrag geöffnet zu zeigen, heißt der Link https://www.uni-jena.de/handbuch_akkordeon#Textmarke. Nutzen Sie diesen Link, um auf diese Seite zu verweisen und einen Akkordeoneintrag gleich geöffnet zu zeigen.

Alternative Blöcke 

Alternativ zum Akkordeon sind folgende Blöcke unter bestimmten Voraussetzungen zur Darstellung Ihrer Informationen ebenfalls geeignet:

Erweitern
titleLinkliste

Nutzen Sie die Linkliste, wenn Sie auf interne oder externe Seiten verweisen möchten. Zusätzlich lässt sich durch die Linkliste Besuchenden der Seite bestimmte Dateien zur Verfügung stellen.

Erweitern
titleMeldungen

Nutzen Sie die Meldungen, wenn Sie Besuchenden der Seite einen Überblick über aktuelle Informationen geben möchten. Durch die Verwendung wird Besuchenden die Möglichkeit eröffnet, direkt auf die für sie interessanten Informationen zuzugreifen.

Erweitern
titleMultimedialiste

Nutzen Sie eine Multimedialiste, wenn sie Besuchenden der Seite eine Vielzahl von Dateien unterschiedlicher Formate bereitstellen möchten.

Erweitern
titleMultimediaverlauf

Nutzen Sie den Multimediaverlauf, wenn Sie Besuchenden der Seite eine Vielzahl von Dateien unterschiedlicher Formate zur Verfügung stellen wollen, die vor Kurzem aktualisiert wurden. 

Erweitern
titleText und Bild / Text und Video

Nutzen Sie die Textblöcke, wenn Sie Gästen der Seite Texte anzeigen wollen. Der Block Text undBild stellt einen Text mit Bild und der Block Text und Video einen Text in Kombination mit einem Video dar.

Erweitern
titleTeaser-Blöcke

Nutzen Sie die unterschiedlichen Teaser-Blöcke, wenn Sie Besuchende der Seite auf weitere Seiten verweisen möchten, welche dann die eigentlichen Informationen präsentieren. Weitere Informationen unter Teaser Meldungen / Teaser Seiten / Teaser Veranstaltungen

Erweitern
titleVeranstaltungen

Nutzen Sie die Darstellung der Veranstaltungen, um Besuchende auf bevorstehende Veranstaltungen hinzuweisen.

Seiteneigenschaften
hiddentrue
idhb-artikel
StatusGeprüft


Auszug

Ergänzende Beiträge

Image_hover