Die 7 besten WordPress-Akkordeon-Block-Plugins 2022 (größtenteils kostenlos)

Veröffentlicht: 2022-08-01

Suchen Sie nach den besten WordPress-Akkordeon-Block-Plugins ? Wenn ja, dann sind Sie an der richtigen Stelle gelandet.

WordPress-Akkordeon hilft, die Benutzererfahrung Ihrer Website-Besucher zu verbessern. Ein Akkordeon hilft, jeden Beitrag einfach und schnell zu lesen , mit einem zusammenklappbaren Tab-Layout . Daher werden Ihre Website-Besucher Ihre Inhalte problemlos finden . Was zu einer geringeren Absprungrate führt .

Es gibt jedoch viele WordPress-Akkordeon-Block-Plugins mit erstaunlichen Funktionen, und die Auswahl kann mühsam sein. Aus diesem Grund haben wir die besten WordPress-Akkordeon-Block-Plugins ausgewählt, die auf dem Markt erhältlich sind. Das Beste ist, dass die meisten von ihnen kostenlos sind.

Lassen Sie uns ohne weiteres Umschweife loslegen!

IN DIESEM ARTIKEL: verstecken
Warum brauchen Sie einen Akkordeonblock?
Die 7 besten WordPress-Akkordeon-Block-Plugins 2022
1. Akkordeonblöcke – WordPress-Plugin
2. Stapelbar
3. Fortgeschrittener Akkordeon-Gutenberg-Block
4. Wesentliche Blöcke für Gutenberg
5. Ultimative Blöcke
6. Gutenberg-Blöcke von Kadence-Blöcken
7. Getwid
Fazit

Warum brauchen Sie einen Akkordeonblock?

Akkordeon-Block-Plugins zeigen Textinhalte in einer kompakten oder zusammenklappbaren Form an, wodurch langes Scrollen reduziert wird. Außerdem können Sie Akkordeonblöcke verwenden, um Inhalte wie Produktbeschreibungen, FAQs usw. anzuzeigen.

Darüber hinaus können Sie die Hintergrundfarbe, die Containerfarbe, die Toggle-Animation, den Bedingungs-Toggle und mehr an Ihr Website-Design anpassen.

Einige weitere Verwendungen des Akkordeonblocks in einer WordPress-Website sind:

  • Verbesserung der Benutzererfahrung durch interaktive Bereitstellung von Textinhalten.
  • Vereinfachen und machen Sie Ihr Blog lesbar, indem Sie textlastige Inhalte und lange Blogs komprimieren.
  • Akkordeonblöcke verbessern das Leseerlebnis auf Geräten mit kleinem Bildschirm .
  • Außerdem sind Akkordeon-Blöcke eine gute Alternative zu In-Page-Links .
  • Darüber hinaus sind Akkordeonblöcke hilfreich, wenn Sie Elemente durch Verschachteln kategorisieren müssen.

Wenn Sie also die Länge Ihrer Website-Inhalte minimieren möchten, können Sie einen Akkordeon-Block verwenden. Sehen wir uns nun die Liste der 7 besten WordPress-Akkordeon-Block-Plugins für 2022 an.

Also, lass uns weitermachen!


Die 7 besten WordPress-Akkordeon-Block-Plugins 2022

Hier haben wir einige der besten WordPress-Akkordeon-Block-Plugins für 2022 in die engere Wahl gezogen. Es enthält die vollständige Beschreibung, Funktion, Preisgestaltung und den Erstellungsprozess von jedem von ihnen. Gehen Sie sie also gründlich durch und wählen Sie diejenige aus, die für Sie richtig ist.

1. Akkordeonblöcke – WordPress-Plugin

Accordion Blocks ist ein intuitives Plugin, mit dem Sie Gutenberg-Blöcke zu Ihrer WordPress-Website hinzufügen können. Außerdem können Sie Akkordeon-Blöcke zusammen mit HTML-Überschriften erstellen und veröffentlichen. Darüber hinaus können Sie die Akkordeons mit benutzerdefiniertem HTML und CSS für eine umfassende Anpassung bearbeiten.

Akkordeon-Block-WordPress-Plugin

Hauptmerkmale:

  • Sie können das automatische Schließen des aktuellen Accordion-Elements aktivieren, wenn Sie ein anderes Element öffnen.
  • Außerdem können Sie Akkordeonelemente nach Bedarf verschachteln.
  • Die Akkordeon-Elemente unterstützen benutzerdefinierte Blockstile mit wp.blocks.registerBlockStyle.
  • Außerdem können Sie festlegen, dass alle Akkordeon-Elemente standardmäßig geöffnet werden.
  • Darüber hinaus können Sie die Standardeinstellungen auf neue Elemente festlegen oder bestimmte Akkordeonfunktionen festlegen.

Erstellen des Akkordeons:

Um dieses Plugin zu verwenden, können Sie es jetzt einfach in Ihrem WordPress-Dashboard suchen. Installieren und aktivieren Sie dann das Plugin. Gehen Sie anschließend zu Ihrem Beitrag, klicken Sie auf die Schaltfläche „+“ in der oberen rechten Ecke und wählen Sie Accordion items . Der Akkordeon-Block erscheint in Ihrem Beitrag, wie im Bild unten gezeigt.

Fügen Sie Akkordeon aus Akkordeonblöcken für die WordPress-Website hinzu
Verwenden von Akkordeonblöcken

Darüber hinaus bietet es viele Anpassungsoptionen wie Click to Close , Auto Close , Open by Default usw. Sie können auch den Scroll-Pixel-Offset festlegen.

Anpassungsoption für Akkordeonblöcke
Akkordeon-Blockeinstellungen verwenden

Wenn Sie sich ein klares Bild machen möchten, können Sie unseren Artikel zur Installation eines WordPress-Plugins lesen.

Preisgestaltung:

Dieses Plugin kann kostenlos verwendet werden. Sie können dieses Plugin aus dem offiziellen Plugin-Repository von WordPress.org herunterladen. Oder installieren Sie das Plugin direkt auf Ihrem WordPress-Dashboard.

Holen Sie sich jetzt Akkordeonblöcke!

2. Stapelbar

Stackable ist ein weiteres beliebtes Plug-in, das mit WordPress-blockierten Editoren kompatibel ist und mit dem Sie fantastische zusammenklappbare Akkordeonblöcke hinzufügen können. So können Sie ganz einfach textlastige FAQs oder andere Inhalte auf Ihrer Website veröffentlichen. Außerdem stehen 5 verschiedene Akkordeon-Artikelstile zur Auswahl.

Stapelbares WordPress-Block-Plugin

Hauptmerkmale:

  • Sie können den Akkordeonelementen Bewegungseffekte hinzufügen, um ein tolles Erlebnis zu erzielen.
  • Die Akkordeon-Elemente reagieren vollständig und passen in alle Bildschirmgrößen.
  • Außerdem können Sie den Elementen zu Anpassungszwecken benutzerdefiniertes CSS hinzufügen.
  • Kann Ihre SVG-Elemente als Symbole hinzufügen.
  • Darüber hinaus können Sie aus vorgefertigten Elementen wählen, um die Entwicklung Ihrer Website zu beschleunigen.

Erstellen des Akkordeons:

Sie können dieses Plugin, das Sie von WordPress.org erhalten haben, auf Ihr Dashboard hochladen und dann das Plugin installieren und aktivieren . Gehen Sie nun zu Ihrem Beitrag und wählen Sie Akkordeon von Stackable, indem Sie auf „+“ in der oberen rechten Ecke klicken. Der Akkordeon-Block wird in Ihrem Beitrag angezeigt, und Sie können das Layout wie Standard, Normal usw. auswählen, um zu beginnen. Hier wählen wir das Standardlayout .

Akkordeon mit stapelbaren Blöcken hinzufügen
Stapelbarer Block verwenden

Anschließend können Sie mit dem Hinzufügen des Titels beginnen, z. B. „Neuer Block“, und die Beschreibung zu Ihrem Titel hinzufügen. Mit stapelbar haben Sie 3 Anpassungsoptionen: „Block“, „Stil“ und „Erweitert“. Sie können alles von Typografie , Farbe , Hintergrund , Überschrift , Blockposition usw. anpassen.

Stapelbare Anpassungsoptionen
Stapelbare Einstellungen verwenden

Preisgestaltung:

Stackable ist ein Freemium- Plugin, und Sie können die kostenlose Version des Plugins aus dem offiziellen Plugin-Repository von WordPress.org herunterladen.

Es ist jedoch eine Premium-Version von Stackable verfügbar. Sie können aus einem der 4 Preispläne wählen:

  • Persönlich: 49 $ pro Jahr für eine einzelne Website.
  • Business: 99 $ pro Jahr für drei Standorte.
  • Agentur: 149 $ pro Jahr für unbegrenzte Websites.
  • Agenturlebensdauer: Einmalige Kosten von 499 $.
Jetzt stapelbar werden!

3. Fortgeschrittener Akkordeon-Gutenberg-Block

Advanced Accordion Gutenberg Block ist ein minimales und schnelles Akkordeon-Plugin für Ihre WordPress-Website. Außerdem können Sie aus 3 Arten von Akkordeonblöcken wählen: Gruppe, getrennt und einzeln. Darüber hinaus können Sie die Akkordeonelemente mit benutzerdefinierten Rändern, Auffüllungen, Hintergrundfarben und mehr gestalten.

Erweitertes Akkordeon-Gutenberg-Block-Plugin für WordPress

Hauptmerkmale:

  • Dieses Plugin ist gut optimiert und arbeitet mit blitzschneller Geschwindigkeit.
  • Es unterstützt auch alle Arten von Inhalten wie Text, Bilder usw.
  • Die Akkordeon-Elemente sind SEO-freundlich und helfen Ihrer Website, einen höheren Rang zu erreichen.
  • Darüber hinaus können Sie Ihrer Website unbegrenzt häufig gestellte Fragen hinzufügen.
  • Darüber hinaus können Sie auch unbegrenzt verschachtelte Akkordeons hinzufügen.

Erstellen des Akkordeons:

Es ist einfach über Ihr WordPress-Dashboard verfügbar. Gehen Sie also zum Plugin-Menü und suchen Sie Advanced Accordion Gutenberg . Anschließend installieren und aktivieren Sie das Plugin. Gehen Sie danach zu Ihrem Beitrag und klicken Sie auf die Schaltfläche „+“ . Danach haben Sie 2 Optionen, „ separater Block“ und „Gruppenblock“, wählen Sie die eine aus. Hier haben wir die separate Blockoption ausgewählt.

Hinzufügen von Akkordeon mit erweiterten Akkordeon-Gutenberg-Blöcken
Verwenden des erweiterten Akkordeon-Gutenberg-Blocks

Mit diesem Plugin haben Sie unzählige Anpassungsoptionen wie Kopfzeilenfarbe , Kopfzeilenhintergrund , Symbolfarbe und vieles mehr. Sie können Ihren Block auch in ein verknüpftes Akkordeon umwandeln , sodass der Link geöffnet wird, wenn Sie darauf klicken.

Erweiterte Akkordeon-Anpassungsoptionen
Verwenden der erweiterten Akkordeon-Gutenberg-Blockeinstellungen

Preisgestaltung:

Dies ist ein kostenloses WordPress-Plugin. Sie können dieses Plugin aus dem offiziellen Plugin-Repository von WordPress.org herunterladen. Es ist einfach über Ihr WordPress-Dashboard zu installieren.

Holen Sie sich erweiterte Akkordeon-Gutenberg-Blöcke!

4. Wesentliche Blöcke für Gutenberg

Essential Blocks for Gutenberg ist ein beliebtes Akkordeon-WordPress-Plugin. Außerdem können Sie mit diesem Plugin wunderschöne Akkordeons überall auf Ihrer Website hinzufügen. Darüber hinaus sind diese Akkordeonelemente interaktiv und bieten die Option, das Umschaltsymbol zu aktivieren.

Wesentliche Blöcke für Gutenberg

Hauptmerkmale:

  • Wählen Sie Symbole für Ihr Akkordeonelement aus einer Liste von Symbolen aus.
  • Sie können die Hintergrundfarbe des Akkordeonelements anpassen.
  • Kann die Schriftfamilie des Akkordeoninhalts anpassen.
  • Außerdem können Sie die Umschaltgeschwindigkeit der Akkordeon-Elementanimation ändern.
  • Darüber hinaus sind die Akkordeon-Elemente reaktionsschnell und für alle Bildschirmgrößen geeignet.

Erstellen des Akkordeons:

Laden Sie zunächst das Plugin von WordPress.org herunter und laden Sie es in Ihr WordPress-Dashboard hoch. Oder direkt installieren und aktivieren. Öffnen oder erstellen Sie jetzt einen neuen Beitrag, klicken Sie auf die Schaltfläche „+“ und wählen Sie Akkordeon aus den wesentlichen Blöcken. Der Akkordeon-Block wird in Ihrem Beitrag angezeigt und Sie können den Block jetzt nach Belieben bearbeiten.

Hinzufügen eines WordPress-Akkordeon-Blocks aus Essential Blocks for Gutenberg
Essenzielle Blöcke für Gutenberg verwenden

Wenn es um die Anpassung geht, gibt es 3 Optionen: „Allgemein“, „Stil“ und „Erweitert“. Hier können Sie die Umschaltgeschwindigkeit, Akkordeonlücken, Symbole usw. verwalten. Sie können auch den Hintergrundtyp, die Farbe und das Bild ändern.

Wesentliche Blöcke für Guttenberg-Anpassungsoptionen
Essenzielle Blöcke für Gutenberg-Einstellungen verwenden

Preisgestaltung:

Essential Blocks for Gutenberg ist ein kostenloses Plugin. Sie können das Plugin aus dem offiziellen Plugin-Repository von WordPress.org herunterladen.

Holen Sie sich jetzt essentielle Blöcke für Gutenberg!

5. Ultimative Blöcke

Ultimate Blocks ist ein benutzerfreundliches WordPress-Gutenberg-Block-Plugin, mit dem Sie Akkordeon-Elemente zu Ihrer Blog-Site hinzufügen können. Sie können Inhalte in Ziehharmonikas hinzufügen, die Ihrem Besucher helfen, ohne lange Texte zu lesen.

Ultimative Blöcke für Akkordeon-Block

Hauptmerkmale:

  • Dieses Plugin hilft Ihnen, verschachtelte Akkordeon-Elemente einfach zu erstellen.
  • Außerdem können Sie die Container- und Titelfarbe des Akkordeon-Elements anpassen.
  • Darüber hinaus können Sie den Anfangszustand als reduziert oder nicht reduziert festlegen.
  • Außerdem haben Sie die Möglichkeit, das FAQ-Schema der Artikel zu aktivieren.
  • Sie können das Umschaltsymbol auf der linken oder rechten Seite des Akkordeons einstellen.

Erstellen des Akkordeons:

Sie können das Plugin einfach über Ihr WordPress-Dashboard suchen und installieren. Gehen Sie nach der Aktivierung des Plugins zu Ihrem bestehenden Beitrag oder erstellen Sie einen neuen. Klicken Sie nun auf das „+“- Symbol in der oberen rechten Ecke Ihres Beitrags, um den Inhaltsumschalter von ultimativen Blöcken hinzuzufügen.

Hinzufügen von Content Toggle aus ultimativen Blöcken
Ultimative Blöcke verwenden

Anschließend können Sie mit der Bearbeitung Ihres Blocks beginnen, indem Sie den Titel hinzufügen und so viele Inhaltsumschalter erstellen, wie Sie möchten. Wenn es um die Anpassung geht, können Sie die Farbe der Registerkarte, der Position, des Symbols und mehr ändern.

Anpassungsoption für das Inhaltsumschaltfeld
Verwenden der Ultimate Blocks-Einstellungen

Preisgestaltung:

Dieses Plugin ist 100% kostenlos zu verwenden. Sie können dieses Plugin aus dem offiziellen Plugin-Repository von WordPress.org herunterladen.

Hol dir jetzt Ultimative Blöcke!

6. Gutenberg-Blöcke von Kadence-Blöcken

Wenn Sie eine beeindruckende WordPress-Website mit Akkordeons erstellen möchten, dann ist Gutenberg Blocks by Kadence genau das Richtige für Sie. Dieses Plugin enthält unzählige einzigartige Blöcke, einschließlich eines Akkordeonblocks. Auf diese Weise können Sie schöne Inhalte erstellen, die eine großartige Benutzererfahrung bieten.

Kadence-Blöcke für WordPress Akkordeon-Block-Plugin

Hauptmerkmale:

  • Sie können aus einem der 4 vorgefertigten Designs der Akkordeon-Elemente auswählen.
  • Außerdem haben Sie die Kontrolle über die Hintergrund- und Farboptionen.
  • Es bietet auch die Möglichkeit, das FAQ-Schema zu aktivieren.
  • Darüber hinaus können Sie den Akkordeonelementen benutzerdefiniertes HTML und CSS hinzufügen.
  • Sie können aus 4 Paaren von Toggle-Triggern für die Akkordeon-Elemente wählen.

Erstellen des Akkordeons:

Sie können dieses Plugin einfach über das Plugins- Menü in Ihrem WordPress-Dashboard installieren und aktivieren . Um die Akkordeon-Registerkarte zu Ihrem Beitrag hinzuzufügen, gehen Sie zuerst zu Ihrem Beitrag, klicken Sie auf das „+“- Symbol und wählen Sie Akkordeon aus Kadence-Blöcken aus. Danach haben Sie die Möglichkeit, den Akkordeonstil auszuwählen oder einfach zu überspringen. Hier wählen wir die zweite Option.

Akkordeon-Registerkarte von Gutenberg-Blöcken
Verwenden von Kadence-Blöcken

Danach können Sie mit der Anpassung beginnen, beginnend mit dem Blocktitel. Sie können bei Bedarf auch weitere Akkordeons für Ihren Beitrag hinzufügen. Sie haben die Möglichkeit, das Titelsymbol aus Linien- oder durchgezogenen Symbolen auszuwählen. Entscheiden Sie auch, wo Sie das Titelsymbol auf dem Block und mehr finden möchten.

Akkordeon-Registerkarte anpassen
Kadence Blocks-Einstellungen verwenden

Preisgestaltung:

Dies ist ein Freemium- Plugin, und Sie können die kostenlose Version des Plugins aus dem offiziellen Plugin-Repository von WordPress.org herunterladen.

Sie können jedoch die Premium-Version des Plugins auf der offiziellen Website erwerben. Sie können aus einer der 3 jährlichen Preisoptionen wählen.

  • Kadence Blocks Pro: Für 89 US-Dollar pro Jahr können Sie alle Blöcke auf unbegrenzten Websites mit 1 Jahr Support und Updates verwenden.
  • Essential Bundle: Für 149 $ jährlich können Sie das Bundle aus Kadence Blocks Pro, Kadence Theme Pro und Pro Starter Templates auf unbegrenzten Websites mit 1 Jahr Support und Updates verwenden.
  • Vollständiges Paket: Für 219 US-Dollar pro Jahr erhalten Sie die Funktionen des Essential Bundle mit Kadence Cloud, Kadence AMP usw. an unbegrenzten Standorten mit 1 Jahr Support und Updates.
Holen Sie sich jetzt Gutenberg-Blöcke von Kadence-Blöcken!

7. Getwid

Wenn Sie nach einer Sammlung von Gutenberg-Blöcken suchen, dann ist Getwid genau das Richtige für Sie. Es wird mit über 40 Gutenberg-Blöcken geliefert, darunter ein Akkordeon-Block. Mit diesem Block können Sie Akkordeon-Tabs verwenden, um FAQ-Abschnitte zu erstellen. Außerdem können Sie die Informationen in FAQs mit Gutenberg-Blöcken kategorisieren.

Getwid - Bestes WordPress-Plugin für Akkordeonblöcke

Hauptmerkmale:

  • Die Überschrift ist vollständig anpassbar.
  • Mit Hilfe des Gutenberg-Blocks können Sie Inhalte innerhalb des Akkordeons hinzufügen.
  • Darüber hinaus bietet es eine benutzerdefinierte Symbolausrichtung für Akkordeon-Registerkarten.
  • Ein Toggle-Block ist ebenfalls verfügbar, der manuell erweiterbare und reduzierbare Toggles für den FAQ-Bereich hinzufügt.

Erstellen des Akkordeons:

Sie können dieses Plugin über das WordPress-Dashboard hochladen, installieren und aktivieren, nachdem Sie das Plugin von WordPress.org heruntergeladen haben. Dann klick Klicken Sie auf das „+“- Symbol in Ihrem Post-Editor und klicken Sie in den Getwid-Blöcken auf „Akkordeon“ .

Hinzufügen von Akkordeon aus Getwid-Blöcken
Verwenden von Getwid

Danach müssen Sie die Anzahl der Akkordeon-Elemente angeben und auf die Schaltfläche „Erstellen“ klicken. Oder Sie können die Standardanzahl von Akkordeonelementen verwenden, die „3“ ist.

Jetzt können Sie beginnen, indem Sie der Akkordeon-Registerkarte eine Kachel hinzufügen. Außerdem können Sie mit diesem Plugin den Symbolstil und seine Position anpassen.

Getwid-Anpassungsoptionen
Verwenden von Getwid-Einstellungen

Preisgestaltung:

Getwid ist ein kostenloses WordPress-Block-Plugin, das im offiziellen Repository von WordPress.org verfügbar ist. Sie können dieses Plugin auch kostenlos von seiner offiziellen Website herunterladen.

Holen Sie sich jetzt Getwid!

Fazit

Das war's Leute! Wir sind am Ende dieses Artikels angelangt.

Hier haben wir die 7 besten WordPress-Akkordeon-Block-Plugins , ihre Funktionen, Preise und ihren Erstellungsprozess besprochen.

Unter den oben aufgeführten Plugins möchten wir Ihnen das Stackable-Plugin empfehlen. Das liegt daran, dass Sie damit ein atemberaubendes Akkordeon mit unzähligen Styling-Optionen erstellen können. Außerdem bietet dieses Plugin die Funktionen, die zum Erstellen einer erstaunlichen Website erforderlich sind.

Wir hoffen, dass dies Ihnen hilft, das beste WordPress-Akkordeon-Block-Plugin für Ihre Website auszuwählen. Wenn Sie eines dieser Plugins verwenden, teilen Sie Ihre Erfahrungen im Kommentarbereich unten mit.

Wenn Sie Fragen haben, können Sie diese auch gerne in den Kommentaren erwähnen. Wir werden uns so schnell wie möglich bei Ihnen melden. Schließlich, wenn Ihnen dieser Artikel gefällt, dann teilen Sie ihn mit Ihren Freunden und Kollegen.

Vielleicht gefällt dir auch unser Artikel über die besten Gutenberg-Block-Plugins und WordPress-Blockmuster – wie du sie zum Gestalten deiner Seite verwendest.

Vergessen Sie nicht, uns auf Facebook und Twitter zu folgen, um weitere nützliche Artikel zu erhalten.

Einige der Links auf diesem Artikel/dieser Seite sind Affiliate-Links. Wenn Sie auf einen solchen Affiliate-Link klicken und das Produkt kaufen, erhalten wir vom Verkäufer eine bestimmte prozentuale Provision. Aber es wird den Preis, den Sie zahlen werden, überhaupt nicht beeinflussen.