So fügen Sie ein Akkordeon in Gutenberg hinzu

So fügen Sie ein Akkordeon in Gutenberg hinzu

Beim Durchsuchen einer WordPress-Seite ist das Scrollen durch eine lange Liste von Details langweilig! Hier helfen Akkordeons, denn sie sind eine fantastische Möglichkeit, Informationen auf Ihrer WordPress-Website zu organisieren und anzuzeigen. 

Dieser Blogbeitrag führt Sie durch den einfachen Prozess, mit dem Sie mithilfe des Gutenberg-Editors Akkordeons zu Ihren WordPress-Beiträgen und -Seiten hinzufügen. Am Ende sind Sie ein Profi im Erstellen klarer und prägnanter Inhaltspräsentationen!

Lasst uns beginnen!

Zweck des Hinzufügens von Akkordeons zu Webseiten

Die Flexibilität, die wir durch erweiterbare Ordner von Schreibtischen erhalten, funktioniert bei Akkordeons auf Websites genau wie bei diesen Ordnern. Sie können zusammenklappbare Abschnitte erstellen, die sich perfekt für FAQs, zusätzliche Details oder alles Ähnliche eignen. Sie helfen, die Seite zu entrümpeln indem zusätzliche Informationen ausgeblendet werden, bis Sie auf einen bestimmten Titel klicken. 

Mit Akkordeons haben Sie also übersichtliche WordPress-Seiten, die Sie auf den ersten Blick leicht überfliegen können. Es ist, als hätten Sie ein geheimes Datenmenü, das Sie erkunden können, wann immer Sie wollen!

So fügen Sie in Gutenberg ein Akkordeon hinzu

Die unkomplizierte Lösung zum Hinzufügen eines Akkordeons in WordPress ist die Verwendung eines guten Plugins. Wir können ein solches nennen vertrauenswürdiges Plugin – GutenKit.

GutenKit wurde entwickelt, um die Funktionalität des Gutenberg-Blockeditors in WordPress zu verbessern. Es fügt im Wesentlichen Funktionen hinzu, die normalerweise in Drag-and-Drop-Seitenerstellern zu finden sind, und das alles innerhalb der vertrauten Gutenberg-Oberfläche.

Die attraktiven Funktionen von GutenKit sind:

  • 50+ Blocksammlung
  • Über 500 vorgefertigte Vorlagen und Muster
  • Mega-Menü-Builder
  • Parallaxeneffekt
  • Vollständige Website-Bearbeitung
  • Flexibler Behälter
  • Ein-Seiten-Scrollen und vieles mehr

Akkordeonblock von GutenKit

Akkordeonblock von GutenKit

GutenKit bietet eine Erweiterter AkkordeonblockDer Block ist verfügbar im FREEMIUM-Option. Es ist gut ausgestattet und leicht zu verstehen.

Das Plugin bietet jedoch auch eine Bild Akkordeon Block. Wenn Sie ein Bildakkordeon entwerfen müssen, das Platz spart und für mehr Engagement sorgt, können Sie diesen Block wählen.

Schritte zum Hinzufügen des WordPress Gutenberg-Akkordeonblocks:

Sehen wir uns nun an, wie man ganz einfach ein Akkordeon in Gutenberg hinzufügt 👇

SCHRITT 1: GutenKit installieren

Laden Sie das Plugin herunter von org. 👇

Laden Sie GutenKit von org herunter.

Oder suchen Sie es von Ihrem WordPress-Dashboard aus. Wenn Sie die Premium-Funktionen nutzen möchten, dann erhalten Sie GutenKit Pro.

Nach der Installation des Plugins musst du die Plugins aktivieren. 👇

GutenKit-Plugin aktivieren

SCHRITT 2: Akkordeonblock durchsuchen

Öffnen Sie die Seite/den Beitrag, zu dem Sie ein Akkordeon hinzufügen möchten. Suchen Sie als Nächstes nach dem Advanced Accordion-Block von GutenKit. Sie können den Block ziehen oder darauf klicken, er wird Ihrem Editor hinzugefügt. 

Ziehen Sie den erweiterten Akkordeonblock von GutenKit

SCHRITT 3: Passen Sie den Akkordeonblock an

Ihnen stehen zahlreiche Funktionen zum Entwerfen Ihrer gewünschten Akkordeons zur Verfügung.

Im Inhaltsteil, Sie können aus den Optionen den Erscheinungsstil des Akkordeons auswählen, Symbol, Symbolposition, Schleife usw. auswählen.

Der Stilteil ermöglicht Ihnen die Gestaltung des Akkordeons durch Auswahl verschiedener Farben, Größen, Typografien, Anpassen von Polsterung, Rändern und vielen anderen Dingen.

Entdecken Sie die Anpassungsoptionen des Akkordeonblocks

Dies ist ein Beispiel für unser angepasstes Akkordeon in WordPress mit GutenKit 😎  

FAQ mit dem Akkordeonblock von GutenKit gestalten

Zusätzliche Tipps zum Hinzufügen eines Akkordeons zu Ihrer WordPress-Site

Hier sind einige zusätzliche Tipps, die Sie möglicherweise zum Hinzufügen von Akkordeons zu Ihrer WordPress-Site benötigen –

✓ Fokus auf Klarheit: Halten Sie Ihre Akkordeontitel und Inhalte kurz und informativ. Wählen Sie außerdem Farbe, Schriftart, Symbole usw. sorgfältig aus. Benutzer sollten sofort verstehen, welche Informationen jeder Abschnitt enthält.

✓ Passen Sie es dem Stil Ihrer Site an: Wählen Sie ein Akkordeon-Plugin oder einen Block, der das allgemeine Design Ihrer Website ergänzt.

✓ Testen Sie verschiedene Optionen: Informieren Sie sich über verschiedene Akkordeonoptionen. Indem Sie mit verschiedenen Akkordeonlayouts und Animationen herumspielen, können Sie den besten Stil für den Inhalt finden.

✓ Berücksichtigen Sie mobile Benutzer: Stellen Sie sicher, dass Ihr Akkordeon auf allen Geräten reibungslos funktioniert, insbesondere auf Mobiltelefonen mit kleineren Bildschirmen.

Warum sollten Sie GutenKit verwenden?

Lassen Sie uns wissen, warum GutenKit sowohl für Gutenberg als auch für Sie die ultimative Lösung ist –

🔥 GutenKit ist regelmäßig aktualisiert um mit den neuesten Gutenberg-Versionen und -Funktionen kompatibel zu bleiben.

🔥 Neben dem WordPress-Akkordeonblock bietet es Tonnenweise Blöcke und Anpassungsoptionen an seine Benutzer.

🔥 GutenKit funktioniert gut mit anderen Gutenberg-Blöcken und -Plugins, die Sie möglicherweise verwenden.

🔥 Das Plugin ist leicht und schnell ladend.

🔥 Es bietet den Benutzern alle Arten von Richtlinien, wie Dokumentationen, YouTube-Videos, Blogs und bietet auch schneller Kundensupport.

Abschluss

Hier erfahren Sie, wie Sie in Gutenberg ein Akkordeon hinzufügen. ✌️
Plugins wie GutenKit machen den gesamten Prozess des Hinzufügens von Akkordeons zu Ihrer WordPress-Site absolut einfach und unterhaltsamer. Ich hoffe, Sie können Akkordeons jetzt als vielseitige Möglichkeit verwenden, Informationen klar und standardisiert darzustellen.

Verschwenden Sie also keine Zeit und verbessern Sie das Benutzererlebnis Ihrer Site mit dem besten Akkordeon-Plugin GutenKit.


Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert