So wählen und verwenden Sie verschachtelte Blöcke in WordPress

Verschachtelte Blöcke sind eines der mächtigsten Features im WordPress-Blockeditor – und ihre Beherrschung kann Ihre Designs auf die nächste Stufe heben.

Sie ermöglichen es Ihnen, mehrere Elemente wie Absätze, Bilder und Schaltflächen in einem einzigen Layout zu gruppieren und zu organisieren. Sobald Sie verstehen, wie man sie benutzt, können Sie flexiblere, professionell aussehende Seiten erstellen, ohne auf zusätzliche Plugins oder benutzerdefinierten Code angewiesen zu sein.

Bei WPBeginner verwenden wir verschachtelte Blöcke seit ihrer Einführung und sie haben die Art und Weise, wie wir Seitenlayouts gestalten, komplett verändert. Sie erleichtern die Verwaltung komplexer Layouts und helfen dabei, einfache Inhalte in polierte, benutzerfreundliche Abschnitte zu verwandeln.

In dieser Anleitung führen wir Sie Schritt für Schritt durch die Auswahl und Verwendung von verschachtelten Blöcken in WordPress, damit Sie mit Zuversicht sauberere und effektivere Layouts erstellen können.

Was sind verschachtelte Blöcke in WordPress?

Die verschachtelte Blockfunktion von WordPress Gutenberg ermöglicht es Ihnen, einen oder mehrere Blöcke innerhalb eines anderen Blocks einzufügen (oder zu „verschachteln“).

Verschachtelte Blöcke helfen Ihnen, komplexere Layouts auf Ihrer WordPress-Website zu erstellen, indem Sie mehrere Blöcke ineinander verschachteln. Dies ermöglicht mehr Flexibilität beim Entwerfen und Formatieren von Inhalten für Seiten und Beiträge.

Sie können beispielsweise mehrere Bildblöcke innerhalb eines Gruppenblocks verschachteln, um eine Reihe von Fotos von einem bestimmten Ereignis oder eine Reihe von Kunstwerken anzuzeigen, die mit einer bestimmten Technik erstellt wurden.

Zusätzlich ermöglicht die verschachtelte Blockfunktion die separate Bearbeitung einzelner Blöcke. Dies ermöglicht es Ihnen, jeden Block nach Ihren Bedürfnissen anzupassen, ohne die anderen Blöcke zu beeinträchtigen.

Dies wiederum führt zu einer besseren Organisation von Inhalten, macht Inhalte attraktiver und optimiert den kreativen Prozess.

Nun, da wir das geklärt haben, sehen wir uns an, wie Sie WordPress Gutenberg-verschachtelte Blöcke einfach auswählen und verwenden können.

So verwenden Sie die verschachtelten Blöcke in WordPress

Sie können mehrere Blöcke einfach miteinander verschachteln, indem Sie den Gruppen- oder Spaltenblock im Gutenberg-Blockeditor verwenden.

Öffnen Sie zunächst einen vorhandenen oder neuen Beitrag im Block-Editor über die Seitenleiste der WordPress-Administration.

Klicken Sie von hier aus einfach auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms und suchen Sie den Gruppenblock. Nachdem Sie darauf geklickt und ihn zur Seite hinzugefügt haben, müssen Sie ein Layout für die Blöcke auswählen, die Sie zusammen verschachteln möchten.

Für dieses Tutorial wählen wir das Layout „Gruppe“.

Klicken Sie dann einfach auf die Schaltfläche „+“ auf dem Bildschirm, um mit dem Hinzufügen von Inhalten innerhalb des übergeordneten Blocks zu beginnen.

Für dieses Tutorial fügen wir einen Bildblock hinzu.

Nachdem Sie den Block hinzugefügt haben, klicken Sie einfach auf die Schaltfläche „Gruppe“ in der Block-Symbolleiste oben, um den übergeordneten Block auszuwählen.

Als Nächstes musst du auf die Schaltfläche „+“ klicken, um das Blockmenü erneut zu öffnen, von wo aus du weitere Blöcke zum Hinzufügen auswählen kannst.

Konfiguration von verschachtelten Blockeinstellungen in WordPress

Sobald Sie mehrere Blöcke verschachtelt haben, können Sie deren individuelle Einstellungen konfigurieren, indem Sie auf jeden Block klicken. Von dort aus werden die Blockeinstellungen in der rechten Spalte des Bildschirms angezeigt.

Von hier aus können Sie die Hintergrundfarbe, Textfarbe und Größe der einzelnen Blöcke anpassen, ohne die anderen Blöcke zu beeinträchtigen, die darin verschachtelt sind.

Um die Einstellungen aller verschachtelten Blöcke gemeinsam zu konfigurieren, müssen Sie in der Block-Symbolleiste oben auf die Schaltfläche „Gruppe“ klicken. Dadurch werden die Einstellungen des übergeordneten Blocks in der rechten Spalte geöffnet.

Sie können nun die Ausrichtung, Ausrichtung, Hintergrundfarbe, Textfarbe und Typografie aller verschachtelten Blöcke konfigurieren.

Beachten Sie, dass diese Einstellungen alle Blöcke beeinflussen, die innerhalb des übergeordneten Blocks verschachtelt sind.

Sie können auch einen vorhandenen einzelnen Block in verschachtelte Blöcke umwandeln, indem Sie auf die Schaltfläche „Optionen“ in der oberen Symbolleiste eines beliebigen Blocks klicken.

Dies öffnet ein Menü, in dem Sie die Option „Muster erstellen“ auswählen müssen.

Sobald Sie dies getan haben, öffnet sich eine Eingabeaufforderung, in der Sie aufgefordert werden, Ihrer neuen wiederverwendbaren Block einen Namen zu geben und eine Kategorie auszuwählen.

Klicken Sie dann auf die Schaltfläche „Erstellen“, um Ihre Einstellungen zu speichern.

Wenn Sie zufrieden sind, vergessen Sie nicht, auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“ zu klicken, um Ihre Änderungen zu speichern.

In unserem Beispiel haben wir einen Titel-, Bild- und Absatzblock innerhalb eines Gruppenblocks verschachtelt.

So sahen die verschachtelten Blöcke auf unserer Demowebsite aus.

Bonus: Verwenden Sie das Wayfinder-Plugin, um verschachtelte Blöcke einfach auszuwählen

Manchmal kann es schwierig sein, einen einzelnen Block auszuwählen und zu konfigurieren, wenn mehrere Blöcke miteinander verschachtelt sind.

Glücklicherweise macht das Wayfinder-Plugin die Auswahl von verschachtelten Blöcken aus einem übergeordneten Block super einfach und zeigt Ihnen sogar den Typ und die Klasse der Blöcke an.

Zuerst müssen Sie das Wayfinder Plugin installieren und aktivieren. Weitere Anweisungen finden Sie in unserem Anfängerleitfaden zur Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung im Admin-Menü von WordPress zu Einstellungen » Wayfinder.

Sobald Sie dort sind, sind alle Einstellungen bereits aktiviert. Sie müssen lediglich das Kontrollkästchen neben den Einstellungen, die Sie nicht verwenden möchten, deaktivieren.

Wenn Sie beispielsweise möchten, dass Wayfinder Blocktypen für alle Blöcke im Editor anzeigt, lassen Sie das Feld neben der Option „Blocktyp anzeigen“ angekreuzt.

Wenn Sie jedoch nicht möchten, dass das Plugin Blockklassen anzeigt, deaktivieren Sie einfach das Kontrollkästchen neben dieser Option.

Vergessen Sie nicht, nach der Konfiguration der Einstellungen auf die Schaltfläche „Änderungen speichern“ zu klicken.

Als Nächstes müssen Sie im Dashboard einen vorhandenen oder neuen Beitrag im WordPress-Blockeditor öffnen.

Sobald Sie dort sind, zeigt das Überfahren eines inneren Blocks mit der Maus eine Umrandung mit seinem Namen an. Sie können auch die Umrandung und den Namen aller verschachtelten Blöcke innerhalb des übergeordneten Blocks sehen.

Dies hilft Ihnen, alle verschiedenen Blöcke zu identifizieren, die in einem Gruppen- oder Spaltenblock verschachtelt sind.

Von hier aus können Sie ganz einfach einen einzelnen Block aus dem übergeordneten Block auswählen, um seine Einstellungen zu konfigurieren.

Sie können auch alle verschachtelten Blöcke auf einmal auswählen, indem Sie auf die Überschrift „Spalten“ oder „Gruppe“ klicken. Dadurch werden die Einstellungen des übergeordneten Blocks in der rechten Spalte geöffnet.

Nach der Konfiguration der Blockeinstellungen klicken Sie einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Wir hoffen, dieser Artikel hat dir geholfen zu lernen, wie man verschachtelte WordPress-Blöcke auswählt und verwendet. Möglicherweise möchtest du auch unser Schritt-für-Schritt-Tutorial zum Thema Ändern der Blockhöhe und -breite in WordPress und unseren Leitfaden für Anfänger zum Thema Verwenden von WordPress-Blockmustern ansehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.