Akkordeon-Block

Akkordeons zeigen ausklappbare Inhaltsabschnitte an, von denen jeder einen anklickbaren Header hat, in dem der Inhalt ein- oder ausgeklappt wird. In diesem Ratgeber erfährst du, wie du auf deiner WordPress.com-Website den Akkordeon-Block hinzufügen, anpassen und verwenden kannst.

Verwende Akkordeons, um Informationen zu organisieren, die Seitenlänge zu reduzieren und deinen Besuchern die Möglichkeit zu geben, sich auf die Inhalte zu konzentrieren, die für sie am wichtigsten sind. Akkordeons eignen sich gut zum Organisieren von Inhalten, die Besucher selektiv durchsuchen möchten. Hier sind einige beliebte Möglichkeiten, sie zu verwenden:

• Geschäftsbedingungen und Richtlinien: Präsentiere rechtliche oder politische Informationen, ohne die Besucher zu überfordern.
• FAQs: Gruppiere häufig gestellte Fragen mit erweiterbaren Antworten.
• Produktdetails: Zeige Spezifikationen, Größenrichtlinien oder Versandinformationen in ausklappbaren Abschnitten an.
• Schritt-für-Schritt-Anleitungen: Teile Tutorials oder Ratgeber in überschaubare Schritte auf.
• Veranstaltungspläne: Organisiere Tagesordnungen oder Routen nach Zeit oder Sitzung.
• Team-Biografien: Zeige kurze Einführungen mit erweiterbaren Details zu jedem Teammitglied an.

Befolge diese Schritte, um den Akkordeon-Block zu einer Seite oder einem Beitrag hinzuzufügen:

1. Rufe das Dashboard deiner Website auf.
2. Navigiere zu Seiten oder Beiträge und klicke auf die Seite/den Beitrag, zu der/dem du das Akkordeon hinzufügen möchtest.
3. Klicke auf das + Block-Inserter-Icon.
4. Suche nach Akkordeon-Block und klicke auf den Block, um ihn zu deinem Beitrag oder deiner Seite hinzuzufügen.

Eine detaillierte Anleitung zum Hinzufügen von Blöcken findest du hier.

Wenn du den Akkordeon-Block zum ersten Mal zu deinem Beitrag oder deiner Seite hinzufügst, hast du die folgenden Abschnitte:

• Akkordeon-Element: jeder ausklappbare Abschnitt, der eine Überschrift und ein Bedienfeld enthält.
  • Akkordeon-Überschrift: der anklickbare Titel, in dem der Inhalt ein- oder ausgeblendet wird.
  • Akkordeon-Bedienfeld: der Inhalt, der beim Anklicken des Headers angezeigt wird.

So vervollständigst du dein Akkordeon:

1. Füge deinen Titel- oder Überschriftentext hinzu, der immer sichtbar sein soll.
2. Klicke in den Bereich des Akkordeon-Bedienfelds oder wähle es in der Listenansicht aus.
3. Klicke auf den + Block-Inserter, um Blöcke im Bereich des Akkordeon-Bedienfelds hinzuzufügen. Du kannst jede Art von Inhalt hinzufügen, einschließlich Text, Bilder, Videos und andere Blöcke.

Der Akkordeon-Block enthält Einstellungen, die das Verhalten des Akkordeons steuern. Um auf diese Einstellungen zuzugreifen, wähle den übergeordneten Akkordeon-Block in der Listenansicht aus und öffne in der rechten Seitenleiste die Block-Einstellungen.

Wenn Innere Blöcke verwenden die Breite des Inhalts aktiviert ist, verwenden Blöcke innerhalb des Akkordeon-Blocks diese Breiteneinstellungen:

• Inhalt: Die Breite des Inhaltsbereichs für Blöcke, die nicht auf weite oder volle Breite festgelegt sind.
• Breit: Die Breite des Inhalts für Blöcke, die auf weite Breite festgelegt sind.

Wenn diese Option aktiviert ist, werden beim Öffnen eines Akkordeon-Elements alle anderen geöffneten Elemente automatisch geschlossen. So bleiben deine Inhalte übersichtlich und deine Besucher können sich auf jeweils einen Abschnitt konzentrieren.

Schalte das Ein-/Ausklappen-Icon (normalerweise ein „+“ oder ein Pfeil) um, das neben jedem Akkordeon-Header angezeigt wird. Deaktiviere diese Option, um ein saubereres, minimalistisches Erscheinungsbild zu erhalten.

Wähle, ob das Icon links oder rechts im Akkordeon-Header angezeigt wird.

Du kannst festlegen, dass bestimmte Akkordeon-Elemente beim Laden der Seite eingeblendet angezeigt werden. Befolge dazu diese Schritte:

1. Verwende die Listenansicht, um den Akkordeon-Element-Block auszuwählen, den du standardmäßig öffnen möchtest.
2. Aktiviere in der Seitenleiste der Blockeinstellungen die Option Standardmäßig öffnen.

Klicke in der Seitenleiste mit den Blockeinstellungen auf das Stile-Icon, um die Designeinstellungen für den Block aufzurufen. Das Stile-Icon hat die Form eines Kreises, wobei die Hälfte des Kreises ausgefüllt ist:

Folgende Optionen sind möglich:

• Farben: Lege Hintergrund- und Textfarben für Akkordeon-Header und -Bedienfelder fest.
• Hintergrundbild: Füge ein Hintergrundbild zum übergeordneten Akkordeon-Block hinzu.
• Typografie: Passe Schriftgröße und -stil für den Text an.
• Abmessungen: Lege den Abstand und die Ränder um Akkordeon-Elemente fest.
• Rand und Schatten: Füge dem Akkordeon einen Rand- und Schatteneffekt hinzu.