weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Akkordeon-Designer

Akkordeon-Designer

Der Akkordeon-Designer hilft dir beim Erstellen und Bearbeiten von Akkordeon-Bereichen auf deiner Website. Ein Akkordeon zeigt Inhalte in aufklappbaren Karten an, die Besucher einzeln öffnen und schließen können. Das spart Platz und macht deine Seite übersichtlicher.

Voraussetzungen

  • Du hast einen Akkordeon-Block zu deiner Seite hinzugefügt
  • Du befindest dich im Bearbeitungsmodus der Website
  • Der Akkordeon-Block ist ausgewählt

Aufbau des Designers

Allgemeine Einstellungen: Hier legst du grundlegende Eigenschaften für das gesamte Akkordeon fest.

Karten-Verwaltung: In diesem Bereich erstellst du und bearbeitest die einzelnen Akkordeon-Karten.

Vorschau: Du siehst sofort, wie deine Änderungen auf der Website aussehen werden.

Allgemeine Einstellungen

Volle Breite verwenden:

  • Aktiviert: Das Akkordeon nutzt die gesamte verfügbare Breite
  • Deaktiviert: Das Akkordeon wird in einem begrenzten Container angezeigt
  • Empfehlung: Für wichtige Inhalte aktivieren, für Detailinformationen deaktivieren

Erste Karte immer öffnen:

  • Aktiviert: Die erste Karte ist beim Laden der Seite bereits geöffnet
  • Deaktiviert: Alle Karten sind zunächst geschlossen
  • Empfehlung: Aktivieren, wenn die erste Karte die wichtigste Information enthält

Karten verwalten

Neue Karte hinzufügen:

  1. Klicke auf "Karte hinzufügen"
  2. Eine neue Karte mit dem Titel "Neue Karte" wird erstellt
  3. Bearbeite sofort den Titel und Inhalt

Karten-Eigenschaften bearbeiten:

  • Symbol: Wähle ein passendes Symbol aus der Feather-Icon-Bibliothek
  • Titel: Gib einen aussagekräftigen Titel ein, der den Inhalt beschreibt
  • Animation: Wähle eine Einblend-Animation oder "Keine Animation"
  • Text: Schreibe den Inhalt der Karte im Markdown-Format

Karten organisieren

Reihenfolge ändern:

  • Nach oben: Verschiebe eine Karte in der Reihenfolge nach oben
  • Nach unten: Verschiebe eine Karte in der Reihenfolge nach unten
  • Die Reihenfolge bestimmt, in welcher Reihenfolge die Karten angezeigt werden

Karte kopieren:

  1. Klicke auf das Kopieren-Symbol bei der gewünschten Karte
  2. Eine identische Karte wird direkt darunter erstellt
  3. Bearbeite die Kopie nach deinen Wünschen

Karte löschen:

  1. Klicke auf das Papierkorb-Symbol
  2. Die Karte wird sofort entfernt
  3. Achtung: Diese Aktion kann nicht rückgängig gemacht werden

Markdown-Editor verwenden

Grundlegende Formatierung:

  • **fett** für fetten Text
  • *kursiv* für kursiven Text
  • # Überschrift für Überschriften
  • - Listenpunkt für Aufzählungen

Links einfügen: [Linktext](https://example.com)

Absätze: Lasse eine Leerzeile zwischen Absätzen

Listen erstellen:

- Erster Punkt
- Zweiter Punkt
- Dritter Punkt

Animationen einsetzen

Verfügbare Animationen:

  • fadeIn: Sanftes Einblenden
  • slideUp: Von unten einfahren
  • zoomIn: Hineinzoomen
  • Keine Animation: Sofortiges Erscheinen

Animation wählen:

  1. Öffne das Auswahlfeld "Animation"
  2. Wähle die gewünschte Animation
  3. Die Animation wird beim Aufklappen der Karte abgespielt

Tipps und Hinweise

Aussagekräftige Titel: Verwende Titel, die sofort klar machen, welche Information in der Karte zu finden ist.

Optimale Länge: Halte die Texte in den Karten prägnant. Für sehr lange Texte sind andere Block-Typen besser geeignet.

Logische Reihenfolge: Ordne die Karten nach Wichtigkeit oder logischer Abfolge.

Symbole sparsam nutzen: Verwende Symbole nur, wenn sie den Inhalt sinnvoll unterstützen.

Mobile Ansicht beachten: Teste dein Akkordeon auf verschiedenen Bildschirmgrößen.

Erste Karte strategisch nutzen: Wenn du "Erste Karte immer öffnen" aktivierst, platziere die wichtigste Information in die erste Karte.

Verwandte Seiten