Anleitung für Einsteiger: Verwendung von WordPress-Blockmustern

Möchten Sie lernen, wie Sie WordPress-Blockmuster auf Ihrer Website verwenden können?

Mit Blockmustern können Sie Ihren Beiträgen oder Seitenlayouts schnell häufig verwendete Designelemente hinzufügen.

In diesem Artikel zeigen wir Ihnen, wie Sie WordPress-Blockmuster verwenden und weitere Muster finden, die Sie auf Ihrer Website einsetzen können.

Die folgenden Themen werden in diesem Leitfaden behandelt.

Was sind WordPress Block Patterns?

WordPress-Blockmuster sind eine Sammlung vorgefertigter Designelemente, die Sie verwenden können, um benutzerdefinierte Inhaltslayouts schneller zu erstellen.

WordPress verfügt über einen intuitiven Editor, der als Block-Editor bekannt ist und mit dem sich schöne Layouts für Beiträge und Seiten erstellen lassen, indem man Blöcke für gemeinsame Inhaltselemente verwendet.

Allerdings sind nicht alle WordPress-Benutzer Designer oder wollen jedes Mal, wenn sie einen Beitrag oder eine Seite erstellen müssen, Zeit mit der Erstellung von Layouts verbringen.

Blockmuster bieten eine einfache Lösung für dieses Problem. WordPress wird jetzt standardmäßig mit einer Reihe von nützlichen Blockmustern geliefert.

Beliebte WordPress-Themes bieten auch eigene Muster, die Sie beim Schreiben von Inhalten verwenden können.

Diese Muster umfassen Elemente wie vorgefertigte mehrspaltige Layouts, Medien- und Textmuster, Call-to-Action-Muster, Kopfzeilen, Schaltflächen und mehr.

Auf der WordPress.org-Website finden Sie noch mehr Muster, und Sie können sogar Ihre eigenen Muster erstellen und weitergeben.

Werfen wir also einen Blick darauf, wie Sie in WordPress ganz einfach Blockmuster verwenden können, um schöne Inhalte für Ihre Website zu erstellen.

Video-Anleitung

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie einfach weiter.

Verwendung von Blockmustern in WordPress

WordPress wird standardmäßig mit einer Reihe von nützlichen Blockmustern geliefert, die Sie auf Ihrer Website verwenden können. Ihr WordPress-Theme und einige Plugins können auch eigene Muster hinzufügen.

Um Blockmuster zu verwenden, müssen Sie den WordPress-Beitrag oder die Seite bearbeiten, auf der Sie das Blockmuster verwenden möchten.

Klicken Sie auf dem Bearbeitungsbildschirm für Beiträge auf die Schaltfläche Block hinzufügen, um den Blockeinfüger zu öffnen. Wechseln Sie von hier aus zur Registerkarte Muster, um die verfügbaren Blockmuster anzuzeigen.

Sie können nach unten scrollen, um die verfügbaren Blockmuster zu sehen.

Sie können auch Blockmuster in verschiedenen Kategorien wie "Featured", "Buttons", "Columns", "Header" und anderen anzeigen.

Alternativ können Sie auch auf die Schaltfläche "Erkunden" klicken, um Blockmuster anzuzeigen.

Hier können Sie eine größere Vorschau in einem Popup sehen.

Wenn Sie ein Muster gefunden haben, das Sie ausprobieren möchten, können Sie es einfach anklicken, um es in den Inhaltsbereich Ihres Beitrags oder Ihrer Seite einzufügen.

Danach können Sie einfach auf einen beliebigen Block innerhalb des Musters zeigen und klicken, um dessen Inhalt nach Ihren Wünschen zu bearbeiten und zu ändern.

Sie haben weiterhin alle Optionen, die Sie normalerweise für jeden Block haben. Wenn es sich beispielsweise um einen Titelblock handelt, können Sie die Titelfarbe oder das Hintergrundbild ändern.

Sie können so viele Muster hinzufügen, wie Sie für Ihren Blogbeitrag oder Ihre Seite benötigen. Sie können ein Muster auch einfach löschen, um es aus einem Beitrag oder einer Seite zu entfernen, so wie Sie jeden WordPress-Block löschen würden.

Durch die Verwendung von Blockmustern können Sie schnell schöne Layouts für Ihre Artikel und Ihre WordPress-Website erstellen.

Letztlich helfen Ihnen Blockmuster dabei, Zeit zu sparen, die Sie sonst für die manuelle Anordnung von Blöcken aufwenden müssten, wenn Sie eine Kopfzeile, eine Galerie, Schaltflächen usw. hinzufügen möchten.

Weitere Blockmuster zur Verwendung auf Ihrer Website finden

WordPress wird standardmäßig mit einigen häufig verwendeten Blockmustern geliefert. WordPress-Themes können auch eigene Muster zu Ihrer Website hinzufügen.

Sie können jedoch noch viel mehr Blockmuster finden als die, die unter dem Block-Inserter auf Ihrer Website verfügbar sind.

Gehen Sie einfach auf die WordPress Patterns Directory Website, um viele weitere Blockmuster zu sehen.

Hier finden Sie viele weitere Blockmuster, die von der WordPress-Community eingereicht wurden.

Um eines dieser Blockmuster zu verwenden, fahren Sie einfach mit der Maus über das Blockmuster und klicken Sie auf die Schaltfläche Kopieren.

Als Nächstes müssen Sie zu Ihrem WordPress-Blog zurückkehren und den Beitrag oder die Seite bearbeiten, in die Sie dieses Blockmuster einfügen möchten.

Klicken Sie im Bearbeitungsbildschirm des Beitrags einfach mit der rechten Maustaste und wählen Sie im Browsermenü die Option Einfügen oder drücken Sie STRG+V (Befehl + V auf dem Mac).

Wie Sie Ihre eigenen Blockmuster erstellen und weitergeben

Möchten Sie Ihre eigenen WordPress-Blockmuster erstellen und mit der ganzen Welt teilen?

Mit WordPress ist es ganz einfach, Blockmuster zu erstellen und sie auf Ihren eigenen Websites zu verwenden oder sie mit allen WordPress-Benutzern auf der ganzen Welt zu teilen.

Besuchen Sie einfach die Website des WordPress-Musterverzeichnisses und klicken Sie auf den Link "Neues Muster erstellen".

Anmerkung: Um Ihre Muster zu speichern, müssen Sie sich anmelden oder ein kostenloses WordPress.org-Konto erstellen.

Nach der Anmeldung gelangen Sie auf die Seite für den Blockmuster-Editor, der mit dem Standard-WordPress-Blockeditor identisch ist und den Sie zum Erstellen Ihres Musters verwenden können.

Fügen Sie einfach Blöcke hinzu, um Ihr Musterlayout zu erstellen.

Sie können Layout-Blöcke wie Gruppe, Cover, Galerie und andere verwenden, um Ihr Layout zu organisieren.

Es gibt auch lizenzfreie Bilder, die Sie in Ihren Medienblöcken verwenden können. Mit der WordPress-Mediathek können Sie diese Bilder leicht finden und in Ihren Mustern verwenden.

Wenn Sie mit Ihrem Blockmuster zufrieden sind, können Sie es als Entwurf speichern oder an das Musterverzeichnis senden.

Bevor Sie Ihr Blockmuster für das Musterverzeichnis einreichen können, sollten Sie die Richtlinien für das Blockmusterverzeichnis lesen.

Sie können alle Ihre Blockmuster verwalten, indem Sie auf den Link Meine Muster klicken. Dort werden alle Blockmuster angezeigt, die Sie freigegeben haben, Musterentwürfe und Muster, die Sie favorisiert haben.

Wenn Sie nur Blockmuster für Ihren eigenen Gebrauch erstellen möchten, können Sie diese als Entwürfe speichern und dann einfach von der Seite "Meine Muster" auf Ihre WordPress-Website kopieren und einfügen.

Manuelles Erstellen von WordPress-Blockmustern

Sie können Blockmuster auch manuell erstellen und sie zu Ihrem WordPress-Theme oder Ihrem benutzerdefinierten Snippets-Plugin hinzufügen.

Erstellen Sie einfach einen neuen Beitrag oder eine neue Seite in WordPress. Verwenden Sie im Inhaltsbereich Blöcke, um ein benutzerdefiniertes Layout oder eine Blocksammlung zu erstellen, die Sie als Muster speichern möchten.

Wechseln Sie anschließend in den Code-Editor-Modus und kopieren Sie alle Inhalte, die Sie im Code-Editor sehen.

Öffnen Sie dann einen einfachen Texteditor wie Notepad und fügen Sie den Code dort ein, den Sie im nächsten Schritt benötigen.

Jetzt können Sie Ihre Blöcke als Muster registrieren.

Kopieren Sie dazu einfach den folgenden Code und fügen Sie ihn in die Datei functions.php Ihres Themes oder eines site-spezifischen Plugins ein.

 function wpb_my_block_patterns() { register_block_pattern( 'my-plugin/my-awesome-pattern', array( 'title' => __( 'Zweispaltiges Magazin-Layout', 'my-theme'), 'description' => _x( 'Ein einfaches zweispaltiges Magazin-Layout mit großem Bild und stilisiertem Text', 'my-theme' ), 'categories' => array( 'columns' ), 'content' => ' Ihr Block-Inhaltscode kommt hier hin' ); } add_action( 'init',wpb_my_block_patterns' ); 

Kopieren Sie nun die Rohdaten der Blöcke, die Sie zuvor kopiert haben, und fügen Sie sie als Wert für den Inhaltsparameter ein. Mit anderen Worten: Ersetzen Sie den Text, der besagt, dass der Code für den Blockinhalt hierher gehört, durch Ihren Blockcode. Achten Sie darauf, dass die einfachen Anführungszeichen, die den Text umgeben, erhalten bleiben.

Vergessen Sie nicht, den Titel und die Beschreibung nach Ihren Vorstellungen zu ändern und die Änderungen zu speichern.

Sie können nun Ihre Website besuchen und einen Beitrag oder eine Seite bearbeiten. Sie können nun Ihr neu registriertes Blockmuster im Blockinserter sehen.

Entfernen eines Blockmusters in WordPress

Sie können jedes Blockmuster in WordPress leicht entfernen oder die Registrierung aufheben. Nehmen wir an, Sie möchten das Blockmuster, das Sie im obigen Beispiel erstellt haben, entfernen.

Sie müssen lediglich den folgenden Code in die Datei functions.php Ihres Themes oder in ein Site-spezifisches Plugin kopieren.

 function wpb_unregister_my_patterns() { unregister_block_pattern( 'my-plugin/my-awesome-pattern' ); } add_action( 'init', 'wpb_unregister_my_patterns' ); 

In diesem Beispiel, my-plugin/my-awesome-pattern'. ist der Name des Musters, das wir bei der Registrierung verwendet haben.

Mit diesem Code können Sie die Registrierung eines beliebigen Blockmusters aufheben, das von Ihrem Theme oder einem Plugin erstellt wurde. Sie müssen nur den Namen kennen, der zur Registrierung des Musters verwendet wurde.

Grundlegende WordPress-Muster entfernen

Die WordPress-Kernmuster stehen allen WordPress-Benutzern zur Verfügung, was bedeutet, dass sie möglicherweise übermäßig genutzt werden und nicht einmal zum Rest Ihres WordPress-Themas passen.

Wenn Sie ein Muster nicht verwenden möchten, können Sie es einfach vermeiden, es zu Ihrem Inhalt hinzuzufügen. Wenn Sie jedoch eine WordPress-Website mit mehreren Autoren betreiben, möchten Sie vielleicht verhindern, dass alle Benutzer diese Kernmuster verwenden.

Um alle WordPress-Kernmuster zu entfernen, müssen Sie den folgenden Code in die Funktionsdatei Ihres Themes oder in ein Site-spezifisches Plugin einfügen.

 remove_theme_support( 'core-block-patterns' ); 

Was ist der Unterschied zwischen wiederverwendbaren Blöcken und Blockmustern?

Mit Blockmustern und wiederverwendbaren Blöcken soll ein ähnliches Problem gelöst werden: den Nutzern sollen Möglichkeiten geboten werden, häufig verwendete Blöcke einfach hinzuzufügen.

Sie sind jedoch recht unterschiedlich.

Wiederverwendbare Blöcke können zum Beispiel direkt im Beitragseditor bearbeitet und gespeichert werden, sind aber nicht so flexibel wie Blockmuster.

Ein großer Unterschied besteht darin, dass eine Änderung an einem wiederverwendbaren Block den Block in jedem Beitrag oder auf jeder Seite ändert, auf der Sie ihn verwendet haben.

Weitere Einzelheiten finden Sie in unserem Tutorial über die Verwendung wiederverwendbarer Blöcke in WordPress.

Wenn Sie hingegen ein Muster einfügen und es bearbeiten, gelten diese Änderungen nur für den Beitrag oder die Seite, auf der Sie das Muster hinzugefügt haben.

Blockmuster können auch von Ihrem WordPress-Theme oder Plugins wie z. B. Block-Plugins registriert werden, so dass diese Entwickler Ihnen viel mehr Gestaltungsmöglichkeiten für Ihre Beiträge und Seitenlayouts bieten können.

Wir hoffen, dass dieser Leitfaden Ihnen dabei geholfen hat, die Verwendung von WordPress-Blockmustern auf Ihrer Website zu erlernen. Vielleicht möchten Sie auch unseren Leitfaden zur Auswahl der besten Webdesign-Software oder unsere Expertenauswahl der besten E-Mail-Marketingdienste für kleine Unternehmen lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.