Anleitung für Anfänger: 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
• Verwendung von Blockmustern in WordPress
• Weitere Blockmuster zur Verwendung auf Ihrer Website finden
• Wie Sie Ihre eigenen Blockmuster erstellen und weitergeben
• Manuelles Erstellen von WordPress-Blockmustern
• Entfernen eines Blockmusters in WordPress
• Was ist der Unterschied zwischen wiederverwendbaren Blöcken und Blockmustern?

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 allgemein alsder Blockeditor. Es ermöglicht Benutzern, schöne Layouts für ihre Beiträge und Seiten zu erstellen, indem sie Blöcke für gemeinsame Inhaltselemente verwenden.

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 verfügt jetzt standardmäßig über eine Reihe nützlicher Blockmuster.

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

Diese Muster umfassen Elemente wie vorgefertigte mehrspaltige Layouts, Medien- und Textmuster, Call-to-Action-Muster und Kopfzeilen,Tastenund 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 nützlicher Blockmuster 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 die WordPressBeitrag oder Seite wo Sie das Blockmuster verwenden wollen.

Klicken Sie auf dem Bearbeitungsbildschirm für Beiträge auf die Schaltfläche Block hinzufügen, um die Blockeinfügemaschine 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 zum Beispiel um einen Umschlagblock handelt, können Sie die Farbe des Umschlags ändern oderHintergrundbild.

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 erstellen undWordPress-Website.

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 verfügt standardmäßig über einige häufig verwendete Blockmuster. WordPress-Themes können auch ihre eigenen 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 zumWordPress Patterns Verzeichnis 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 zurück zu IhrerWordPress-Blog und bearbeiten Sie den Beitrag oder die Seite, 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 sie 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.

Sobald Sie angemeldet sind, gelangen Sie zur Seite für den Blockmuster-Editor. Er ist identisch mit dem Standard-WordPress-Block-Editor und Sie können ihn verwenden, um Ihr Muster zu erstellen.

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

Sie können Layout-Blöcke wie Gruppe, Cover verwenden,Galerieund mehr, um Ihr Layout zu organisieren.

Außerdem gibt eslizenzfreie 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, vergewissern Sie sich, dass Sie den BlockMusterverzeichnis-Richtlinien.

Sie können alle Ihre Blockmuster verwalten, indem Sie auf den Link „Meine Muster“ klicken. Es 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 sie als Entwürfe speichern. Danach können Sie sie einfach von der Seite „Meine Muster“ kopieren und in Ihre WordPress-Website 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. Sie werden ihn 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 Theme-Datei einfunktionen.php Datei oder einestandortspezifisches Plugin. Wenn Sie noch nie einen Code in Ihre functions.php-Datei eingefügt haben, empfehlen wir die Verwendung deskostenloses WPCode-Plugin um es hinzuzufügen.

Hier ist der vollständige Leitfaden fürHinzufügen von benutzerdefiniertem Code in WordPress.

Funktion

Kopieren Sie nun die Rohdaten des Blocks, die Sie zuvor kopiert haben, und fügen Sie sie als Wert für den Inhaltsparameter ein. Mit anderen Worten: Ersetzen Sie den Text „Your block content code goes here“ durch Ihren Blockcode. Achten Sie darauf, die einfachen Anführungszeichen um den Text herum beizubehalten.

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 Block-Inserter sehen.

Entfernen eines Blockmusters in WordPress

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

Dazu müssen Sie lediglich den folgenden Code in die Theme-Datei kopierenfunktionen.php Datei oder einestandortspezifisches Plugin.

Funktion

In diesem Beispiel,

my-plugin/my-awesome-pattern'.

ist der Name des Musters, das wir bei der Registrierung verwendet haben.

Sie können diesen Code verwenden, um die Registrierung eines beliebigen Blockmusters aufzuheben, das von Ihrem Thema oder einem Plugin erstellt wurde. Alles, was Sie wissen müssen, ist der Name, mit dem Sie das Muster registriert haben.

Grundlegende WordPress-Muster entfernen

Die WordPress-Kernmuster sind für alle WordPress-Nutzer verfügbar. Das 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, Ihrem Inhalt hinzuzufügen. Wenn Sie jedoch einWordPress-Website für mehrere Autorendann wollen 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(

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

Blockmuster und wiederverwendbare Blöcke zielen beide darauf ab, ein ähnliches Problem zu lösen: den Benutzern die Möglichkeit zu geben, 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.