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".
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.
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.
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.
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.
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.
Wenn Sie zufrieden sind, klicken Sie auf "Veröffentlichen" oder "Aktualisieren", um sie zu aktivieren.
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.
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.
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.
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.
Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf "Veröffentlichen" oder "Aktualisieren", um die Änderungen zu speichern und auf Ihrer Website anzuzeigen.
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.