Wie man ausklappbaren/erweiterbaren Inhalt in WordPress hinzufügt

Wie man ausklappbaren/erweiterbaren Inhalt in WordPress hinzufügt

Haben Sie schon einmal durch eine lange Webseite gescrollt und sich schwer getan, genau die Informationen zu finden, die Sie brauchen? Das ist frustrierend, nicht wahr? Die Lösung liegt in zusammenklappbaren und erweiterbaren Inhalten, einer einfachen, aber effektiven Möglichkeit, Informationen zu organisieren.

Mit dieser Technik können Sie detaillierte Inhalte präsentieren, während Ihre Seiten übersichtlich und leicht zu navigieren bleiben. Ob es sich um FAQs, Produktbeschreibungen oder Blog-Beiträge handelt, ausklappbare Abschnitte verbessern die Benutzerfreundlichkeit und das Engagement.

Die gute Nachricht? Sie müssen sich nicht in die Programmierung vertiefen, um sie zu implementieren. Mit WordPress machen es Tools wie das Ultimate Blocks-Plugin unglaublich einfach. Ultimate Blocks, ein speziell für Gutenberg-Nutzer entwickeltes Plugin, bietet Funktionen wie die Inhalt Toggle und Blöcke erweitern damit Sie interaktive und zusammenklappbare Abschnitte erstellen können. 

Methode 1: Verwendung des Ultimate Blocks Plugin

Schritt 1: Installieren Sie das Ultimate Blocks Plugin

Navigieren Sie zu Ihrem WordPress-Dashboard, gehen Sie zum "Plugins" Abschnitt, und klicken Sie auf "Neu hinzufügen". Typ "Ultimative Blöcke" in die Suchleiste ein, suchen Sie das Plugin in den Ergebnissen, klicken Sie auf "Jetzt installieren". und dann "Aktivieren".

Installieren Sie das Ultimate Blocks Plugin

Schritt 2: Hinzufügen des Content Toggle Blocks

Öffnen Sie den Beitrag oder die Seite, zu der Sie ausklappbare Inhalte hinzufügen möchten. Klicken Sie auf die "+"-Symbol im WordPress-Editor, um einen neuen Block hinzuzufügen, suchen Sie nach "Content Toggle", und wählen Sie ihn aus. 

Hinzufügen des Content Toggle Blocks

Sobald Sie den Block hinzugefügt haben, sehen Sie den Toggle-Block in Position, aber in einem geschlossenen Format. Klicken Sie auf das Pfeilsymbol, um ihn zu erweitern, und setzen Sie den Titel Ihres Inhalts in das Feld "Panel-Titel" und anschließend der Hauptinhalt im Feld "Inhalt des Panels" Box. 

Titel und Inhalt des Ortes

Wenn Sie nun mehr als einen erweiterbaren oder zusammenklappbaren Abschnitt benötigen, klicken Sie auf die Schaltfläche + Taste am unteren Ende des Blocks, um einen neuen Umschalter einzufügen. Wenn Sie kein bestimmtes Umschaltfeld wünschen, klicken Sie auf die Schaltfläche x am Ende des Blocks. 

Neue Kippschalter hinzufügen

Schritt 3: Anpassen des Content Toggle Blocks

Sobald Sie den Block ausgewählt haben, erscheint rechts auf Ihrem Dashboard das Panel für die Blockeinstellungen. Dort finden Sie zwei separate Registerkarten: Allgemeine Einstellungen und Stile.

In der Allgemeine Einstellungen können Sie das:

  • Einstellen der Titel des Panels für eine angemessene Hierarchie.
  • Legen Sie den Umschaltstatus fest, um zu steuern, ob die Bereiche beim Laden der Seite ein- oder ausgeklappt sein sollen.
  • Aktivieren Sie FAQ-Schema um die Sichtbarkeit in den Suchmaschinenergebnissen zu verbessern.
  • Verwenden Sie Reaktionsfähige Steuerung um den Block auf bestimmten Geräten aus- oder einzublenden.
  • Hinzufügen einer Suchfeld zur einfachen Navigation in den FAQs. Diese Funktion ist jedoch auf die Pro-Benutzer beschränkt. 
Allgemeine Einstellungen

Wenn Sie nun zum Registerkarte "Stilekönnen Sie Farben anpassen, Ränder aktivieren, Stile und Positionen von Umschaltsymbolen festlegen und Polsterung und Ränder fein abstimmen.

Registerkarte "Stile

Wenn Sie zufrieden sind, klicken Sie auf "Veröffentlichen" oder "Aktualisieren", um sie zu aktivieren.

Finale Demo

Methode 2: Verwendung des Expand-Blocks

Schritt 1: Hinzufügen des Expand Blocks

Navigieren Sie zu der Seite oder dem Beitrag, auf der/dem Sie den zusammenklappbaren/erweiterbaren Inhalt haben möchten. Klicken Sie erneut auf das "+"-Symbol, um einen neuen Block hinzuzufügen, suchen Sie nach "Erweitern" und wählen Sie ihn aus. 

Den Expand Block hinzufügen

Schritt 2: Inhalt zum Block hinzufügen

Der Block enthält zwei Abschnitte: einen für sichtbare Inhalte (die zu Beginn angezeigt werden) und einen für verborgene Inhalte (die beim Anklicken sichtbar werden). Fügen Sie den Inhalt, der sichtbar bleiben soll, in den ersten Abschnitt über dem "Mehr anzeigenText". Platzieren Sie den restlichen Inhalt in dem ausgeblendeten Bereich unter dem "Mehr anzeigen"Text. 

Sichtbarer und verborgener Inhalt

Klicken Sie auf die + Vorzeichen auf jeden Block, wählen Sie Ihren bevorzugten Block aus und fügen Sie später Inhalte zu den Blöcken hinzu. Sie können die "Mehr anzeigen" und "Weniger anzeigen" Texte, die besser zu Ihrem Inhalt oder Ihrer Zielgruppe passen. Klicken Sie einfach auf die Standardtexte und ersetzen Sie sie durch Ihre gewünschten Bezeichnungen.

Hinzufügen von Inhalten und Anpassen von Texten

Schritt 3: Anpassen des Expand Blocks

Die kostenlose Version bietet begrenzte Anpassungsmöglichkeiten, einschließlich Bildlaufeinstellungen, Reaktionssteuerung und Größenanpassungen auf der Registerkarte "Stile". Wenn Sie jedoch auf die Pro-Version upgraden, können Sie einen Überblendeffekt für minimierte Inhalte auswählen (verfügbar in den allgemeinen Einstellungen). Sie können auch den Stil, die Hintergrundfarbe, den Rahmen und den Radius der Schaltfläche anpassen, um ein besseres Aussehen zu erzielen.

Anpassen des Blocks

Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf "Veröffentlichen" oder "Aktualisieren", um die Änderungen zu speichern und auf Ihrer Website anzuzeigen.

Finale Demo

Schlussfolgerung

Der Zweck dieses Artikels ist es, Sie bei der Erstellung von ausklappbaren und erweiterbaren Inhalten in WordPress anzuleiten und dabei ein sauberes und einfach zu navigierendes Layout beizubehalten. Mit Ultimate Blocks können Sie dies ohne Programmierung erreichen, und zwar mit Einfachheit in Bezug auf Benutzerfreundlichkeit und Design. Es ist wichtig, die Bedürfnisse Ihres Publikums zu verstehen, da dies Ihnen hilft, ausklappbare Inhalte dort zu implementieren, wo sie den größten Nutzen bringen, und sicherzustellen, dass alles reibungslos funktioniert, um ein optimales Surferlebnis zu gewährleisten. Denken Sie daran, dass kleine Änderungen wie diese die Art und Weise, wie Besucher mit Ihrer Website interagieren, verändern können.



Das Tischberg-Team