Langformatige Inhalte haben sich schnell zu einem Standard-Blog-Post-Typ entwickelt, der von Marken verwendet wird, da sie in der Suche tendenziell gut ranken – insbesondere in wettbewerbsorientierten Nischen. Aber längere Seiten können für ein unbeholfenes Leseerlebnis sorgen. Akkordeon-Plugins können WordPress-Website-Besitzern helfen, das Scrollen zu reduzieren und ihre Beiträge weniger einschüchternd erscheinen zu lassen.
Was ist ein Akkordeon?
Akkordeons arbeiten nach dem Konzept von progressive Offenlegung, was dem Leser hilft, Informationen in verdauliche Häppchen zu packen. Sie präsentieren die wichtigsten Informationen in einer Überschrift, und die Benutzer können bei Interesse auf das Akkordeon klicken, um mehr zu lesen. Wenn du bastelst lange Artikel für Suchmaschinen optimiert oder beim Schreiben über komplexe Themen sind Akkordeons besonders nützlich.
In diesem Artikel werde ich elf Akkordeon-Plugins vorstellen, die Sie für verschiedene Anwendungsfälle verwenden können. Einige von ihnen sind dedizierte Akkordeon-Plugins, während andere Plugins mit Akkordeon-Funktionalitäten sind. Kommen wir zum ersten dedizierten Akkordeon-Plugin!
1. Einfaches Akkordeon
Ein leichtes Akkordeon-Plugin, es kommt mit einem intuitiven Admin-Panel und dem WYSIWYG-Editor, um Ihre Akkordeon-Inhalte hinzuzufügen. Damit können Sie Ihren Seiten, Beiträgen, Widgets und sogar Themendateien Akkordeons hinzufügen. Sie können die Farben, den Modus, den Hintergrund und die Symbolpositionen ändern und benutzerdefiniertes CSS aus den erweiterten Einstellungen hinzufügen, um Ihre Akkordeons anzupassen.
Der erweiterbare Abschnitt Ihres Akkordeons kann Bilder, YouTube-Audio, Shortcodes oder jeden anderen benutzerdefinierten HTML-Code enthalten. Die Pro-Version bietet 16 Themen, mehr Farb- und Stylingoptionen (einschließlich Typografieoptionen), Kundensupport und mehr.
2. Akkordeon
Ein einfach zu bedienendes Plugin, mit dem Sie unbegrenzt Akkordeons und Tabs über Shortcodes hinzufügen können. Sie können das Aussehen und Verhalten Ihres Akkordeoninhalts anpassen, indem Sie Hintergrundfarben, Schriftarten, Abstände und Ränder usw. ändern. Es ist auch möglich, den Akkordeon-Header-Stil und die Akkordeon-Symbole anzupassen.
In der Pro-Version können Sie vertikale Registerkarten, verschachtelte Akkordeons und weitere Funktionen hinzufügen, z. B. das Anzeigen eines Sucheingabefelds, mit dem Leser den Akkordeoninhalt durchsuchen können. Insgesamt ist es ein nettes Plugin zum Hinzufügen von responsiven Akkordeons in Ihren Beiträgen, Seiten, Seitenleisten, Fußzeilen und anderen Stellen auf Ihrer Website. Ein Nachteil ist, dass die Unterstützung für das Plugin durch Entwickler langsam sein könnte.
3. Häufig gestellte Fragen zu Akkordeon
Basierend auf dem Mobile-First-Framework Bootstrap können Sie mit Accordion FAQ visuell ansprechende, responsive Akkordeons entwerfen. Es verfügt über eine Drag-and-Drop-API zum schnellen Erstellen Ihrer Akkordeons, von wo aus Sie sie über Shortcodes überall in Ihrem Thema verwenden können. Es hat auch einen Toggle-Kollaps-Effekt, mit dem Sie mehrere Akkordeons gleichzeitig öffnen können.
Die Benutzeroberfläche ist glatt mit unbegrenzten Farboptionen und der Option, benutzerdefiniertes CSS hinzuzufügen, um das Erscheinungsbild Ihrer Akkordeons zu ändern. In der Pro-Version erhalten Sie noch mehr Flexibilität und Anpassung mit acht Designvorlagen, Inhaltsanimationen, erweiterten benutzerdefinierten Feldern und mehr.
4. Helpie FAQ – WordPress FAQ Akkordeon-Plugin
Dies ist ein weiteres leistungsstarkes FAQ-Plugin, das einfache Akkordeons auf Ihrer Website – Seite oder Post – mit Shortcodes anzeigen kann. Um es mit dem Gutenberg-Editor zu verwenden, müssen Sie dessen FAQ-Block verwenden. Es fügt automatisch ein FAQ-Schema hinzu und bietet auch eine Option zum Aktivieren einer Inline-FAQ-Suchleiste.
Sein Pro bestellt automatisch FAQs basierend auf ihrem Engagement, damit Ihre Besucher schnell auf die nützlichsten Antworten zugreifen können. Ihr Publikum kann sogar Fragen stellen, und seine Erkenntnisse können die am häufigsten gesuchten Schlüsselwörter aufdecken.
5. Akkordeon-Schieberegler
Wie wäre es mit einer kombinierten Funktionalität eines Akkordeons mit einem Schieberegler? Der Akkordeon-Schieberegler macht dies, indem Sie Bilder basierend auf Ihren Blog-Posts, Seiten oder sogar WooCommerce-Produkten hinzufügen können. Sie können diesen Bildern auch externe Links hinzufügen.
Wenn Sie mit einem Akkordeon-Schieberegler experimentieren möchten, kann dies eine optisch ansprechende Ergänzung für Ihre Website sein. Die einzige Einschränkung besteht darin, dass das Plugin auf modernen Browsern funktioniert, die Unterstützung für CSS3-Transformationen und -Übergänge bieten, sodass Ihr Publikum, das ältere Browserversionen verwendet, auf einige Probleme stoßen kann.
6. Registerkarten
Für bestimmte Anwendungsfälle kann ein dediziertes Akkordeon-Plugin sinnvoll sein. Aber es könnte für die meisten Websites sinnvoller sein, es in ein leistungsfähigeres Plugin zu integrieren, da es ein Aufblähen verhindert.
Ein weiteres reaktionsschnelles, kurzes Code-basiertes Plugin ist Tabs. Es verfügt über eine elegante Benutzeroberfläche und einen Drag-and-Drop-Builder, mit dem Sie unbegrenzt Akkordeons erstellen können. Sie können vertikale und horizontale Registerkarten erstellen, um Medieninhalte hinzuzufügen und die Ladeanimation verwenden, wenn Sie die Präsentation Ihrer Inhalte aufpeppen möchten.
Das Ändern der Farben, das Hinzufügen erweiterter benutzerdefinierter Felder und das Anzeigen von Symbolen auf Ihren Registerkarten ist ebenfalls möglich. In der Pro-Version können Sie weitere Vorlagen, Schriftarten und Animationen freischalten.
Wenn Sie dazu neigen, zwischen vertikal gestapelten Akkordeons und horizontalen Akkordeons für verschiedene Zwecke auf Ihrer Website zu jonglieren, sind Tabs eine großartige Ergänzung Ihres Werkzeugstapels.
7. Ultimative Blöcke
Wenn Sie den Gutenberg-Editor verwenden, ist Ultimate Blocks ein großartiges Plugin, um seine Funktionalität mit Blöcken zu erweitern. Einer davon ist der Block zum Umschalten von Inhalten (Akkordeons), mit dem Sie umschaltbare Inhalte erstellen können. Sie können eine Standardoption festlegen, um den Inhalt Ihres Akkordeons zu reduzieren oder zu öffnen. Die Farbe des Containers und der Titel des Toggle-Blocks sind ebenfalls anpassbar.
Neben Akkordeons enthält das Ultimate Blocks-Plugin auch viele andere Blöcke zum Hinzufügen von Inhalten in Registerkarten, Schaltflächen zum Teilen in sozialen Netzwerken, Sternebewertungen und mehr. Insgesamt sind seine Blöcke eine großartige Ergänzung für Ihr Toolbox zur Inhaltserstellung – wenn Sie Gutenberg bereits verwenden.
8. Elementar
Wenn Sie einen visuellen Seitenersteller zum Entwerfen Ihrer Website verwenden, haben Sie möglicherweise Elementor ausprobiert. Neben den Stil- und Anpassungsoptionen erhalten Sie Zugriff auf zahlreiche Widgets zur Erweiterung der Funktionalität Ihrer Website und Akkordeon gehört dazu. Eine erweiterte Anpassung Ihrer Akkordeons ist möglich, einschließlich der Änderung von Typografie, Farben, Abständen und dergleichen.
Das einzige Problem mit dem Plugin ist, dass Ihre gesamte Seite mit Elementor entworfen werden muss, um auf das Widget zuzugreifen. Sie können keinen Shortcode in Ihrem vorhandenen Seitenersteller (oder Editor) verwenden, um Akkordeons zu verwenden. Wenn Sie jedoch eine Neugestaltung der Website planen, könnte Elementor eine gute Wahl für die Pflege von Akkordeons sein.
Wie Elementor finden Sie auch Akkordeon-Funktionalität mit anderen Seitenerstellern wie SeedProd und Thrive Architect.
9. Max Mega-Menü
Möchten Sie ein umfangreiches Menü verwenden, um auf Ihrer Website zu navigieren und Ihre Inhalte zugänglicher zu machen? Max Mega Menu tut dies mit seiner Auswahl an Menüangeboten, darunter Akkordeon, Sticky, Vertical und mehr.
Das Backend ist das bekannte WordPress-Menüsystem mit erweiterten Styling-Optionen und einem Drag-and-Drop-Widget-Editor für jeden Menüpunkt. Mit dem Akkordeonmenü können Sie ein dynamisches und ansprechendes Seherlebnis für Ihre Besucher schaffen.
10. Shortcodes Ultimate
Wie würden Sie sich einfache Shortcodes wünschen, um Ihrem Beitrag und Ihren Seiten visuelle und funktionale Elemente hinzuzufügen? Das Shortcodes Ultimate-Plugin bietet über 50 Shortcodes (einer davon ist ein Akkordeon), die Sie Ihrem Editor, Widgets oder sogar Vorlagendateien hinzufügen können.
Sie erhalten eine Live-Vorschau über ein Einfügefenster und einen benutzerdefinierten CSS-Editor zum Ändern des Aussehens Ihrer Akkordeons (oder anderer von Ihnen verwendeter Elemente). Insgesamt ist es ein ausgezeichnetes Plugin, wenn Sie mehrere Elemente aus den folgenden Shortcodes verwenden möchten:
11. WooCommerce Kategorie Akkordeon
Während es andere kompatible Plugins auf dieser Liste gibt, ist dies ein spezielles Plugin für WooCommerce. Es ist nützlich für Ladenbesitzer, die die Informationen zu ihren Produkten dynamisch anzeigen möchten.
Zum Beispiel kann das Plugin die Produktkategorien und Unterkategorien von WooCommerce in Akkordeons auflisten, um sie umzuschalten und zu reduzieren. Es unterstützt Klick- und Hover-Ereignisse für die Navigation. Es ist jedoch ein kostenpflichtiges Plugin, das Ihnen sechs Monate Support und Updates für 21 US-Dollar bietet.
Wann sollten Sie Akkordeons verwenden?
Die Idee dahinter, Besuchern nur die wichtigsten Informationen durch Akkordeons zu präsentieren, ist solide, aber jeder Klick, den ein Benutzer macht, muss wertvoll sein. Es ist einfacher, eine Seite weiter nach unten zu scrollen, als auf Überschriften zu klicken, um den gesamten Inhalt einer Seite anzuzeigen. Berücksichtigen Sie also bei der Implementierung von Akkordeons die Interaktionskosten Ihrer Benutzer.
NNGroup empfiehlt Vermeidung der Verwendung von Akkordeons, wenn ein Besucher den gesamten Inhalt einer Seite lesen muss, um seine Fragen zu einem Thema zu beantworten. Andernfalls könnten die Leute einige wichtige Informationen auf der Seite verpassen. Aber das Lesen ist auf dem kleineren Bildschirm schwierig. So mit einer Mini-Informationsarchitektur wie ein Inhaltsverzeichnis oder ein Akkordeon sinnvoll:
Hier ist ein Flussdiagramm von Die Stunde der Kreativen Sie können entscheiden, ob ein Artikel oder eine andere Seite Ihrer Website ein Akkordeon verdient:
Denken Sie auch daran, dass Akkordeons aus SEO-Sicht sicher sind. In ein zentraler Webmaster-Hangout, erklärte Google dass es den Inhalt hinter Tabs und Akkordeons nicht abwertet. Alles, was in HTML ist, wird berücksichtigt.
Wie sind Ihre Erfahrungen mit Akkordeons und welche der oben genannten Plugins haben Sie ausprobiert? Lass es mich in den Kommentaren unten wissen.