Und f\u00fcr diejenigen, die Videoinhalte bevorzugen, haben wir auch einen kostenlosen Videokurs: Entwicklung von benutzerdefinierten Gutenberg-Bl\u00f6cken<\/a>.<\/p>\n Und ja, du kannst deine Karriereperspektiven mit Gutenberg-Entwicklungskenntnissen steigern, aber du musst nicht unbedingt ein Entwickler sein, um fortschrittliche Layouts f\u00fcr deine WordPress-Website zu erstellen.<\/p>\n WordPress-Nutzerinnen und -Nutzer k\u00f6nnen von leistungsstarken Funktionen profitieren, mit denen sie m\u00fchelos fortgeschrittene Block-Layouts erstellen k\u00f6nnen. In diesem Beitrag widmen wir uns den Blockmustern<\/strong>.<\/p>\n Blockmuster<\/a> sind vorgefertigte Gruppen von Bl\u00f6cken, die du zu deinem Inhalt hinzuf\u00fcgen und mit denselben Designtools anpassen kannst, die auch f\u00fcr die enthaltenen Bl\u00f6cke zur Verf\u00fcgung stehen.<\/p>\n Sie wurden erstmals mit WordPress 5.5<\/a> eingef\u00fchrt, um Website-Administratoren und Inhaltserstellern die M\u00f6glichkeit zu geben, mit wenigen Klicks komplexe, gebrauchsfertige Strukturen aus verschachtelten Bl\u00f6cken<\/strong> in ihre Inhalte einzuf\u00fcgen. B<\/p>\n lock-Themes bieten in der Regel einige Blockmuster, die du direkt \u00fcber den Block-Inserter in deinen Inhalt einf\u00fcgen kannst. Das neue Standardtheme von WordPress 6.7<\/a>, Twenty Twenty-Five<\/a>, enth\u00e4lt \u00fcber 70 solcher Blockmuster.<\/p>\n Und du bist nicht auf die Muster beschr\u00e4nkt, die dein Theme bereitstellt.<\/p>\n Erstens findest du in der offiziellen WordPress-Muster-Galerie<\/a> jede Menge fertige Blockmuster.<\/p>\n Au\u00dferdem kannst du mit der Patterns API oder den Bearbeitungswerkzeugen im Block-Editor eine unbegrenzte Anzahl von Mustern erstellen. Du kannst benutzerdefinierte Muster intern auf deiner Website verwenden, sie auf andere Websites exportieren oder sie in der Patterns-Galerie \u00f6ffentlich zug\u00e4nglich machen.<\/p>\n Seit WordPress 6.3<\/a> macht ein brandneues Mustersystem die Erstellung von Mustern flexibler und unkomplizierter. Jetzt ist es klarer, welche Art von Layout du erstellst und welche Auswirkungen deine Anpassungen auf deine Website haben. Es gibt zwei Haupttypen von Blockmustern:<\/p>\n Der Hauptunterschied zwischen den beiden Typen besteht darin, dass alle \u00c4nderungen, die an einem synchronisierten Muster vorgenommen werden, f\u00fcr jedes Vorkommen des Musters auf deiner gesamten Website gelten. Im Gegensatz dazu wirken sich \u00c4nderungen an einem Standard-Blockmuster nur auf eine bestimmte Instanz des Musters aus.<\/p>\n Aber es gibt noch viel mehr zu den Blockmustern zu sagen. Fragst du dich, wie dieses System funktioniert und wie du die neuen Bearbeitungsfunktionen der neuesten WordPress-Versionen nutzen kannst? Dann lass uns eintauchen.<\/p>\n Vorgefertigte Muster sind „nicht synchronisierte“ Blockmuster, d.h. \u00c4nderungen, die du an einem Blockmuster vornimmst, wirken sich nur auf die spezielle Instanz aus, die du gerade bearbeitest, und werden nicht auf andere Instanzen \u00fcbertragen, die du m\u00f6glicherweise zu anderen Beitr\u00e4gen oder Seiten deiner Website hinzugef\u00fcgt hast.<\/strong><\/p>\n Du kannst vorgefertigte Muster verwenden, um Blocklayouts zu erstellen, die du an Ort und Stelle anpassen kannst, indem du Bilder, Text und Stile \u00e4nderst oder Elemente hinzuf\u00fcgst oder entfernst.<\/p>\n Sobald du ein benutzerdefiniertes Blockmuster erstellt hast, kannst du es an beliebiger Stelle auf deiner Website einf\u00fcgen und mit den integrierten Steuerelementen des Editors mit nur wenigen Klicks anpassen.<\/p>\n Du kannst vorgefertigte Blockmuster auf der Registerkarte Muster<\/strong>\u00a0im Block-Inserter<\/a> durchsuchen und einf\u00fcgen oder zum Verwaltungsbereich Muster<\/strong><\/a> im Site-Editor navigieren. Du kannst auch neue Muster in der Mustergalerie<\/a> entdecken.<\/p>\n In der Galerie kannst du ein Muster ausw\u00e4hlen, auf die Schaltfl\u00e4che Muster kopieren<\/strong> klicken und es direkt in deinen Inhalt einf\u00fcgen.<\/p>\n Es steht dir frei, die im Muster enthaltene Gruppe von Bl\u00f6cken anzupassen, ohne das registrierte Muster oder eine zus\u00e4tzliche Instanz auf deiner Website zu beeinflussen.<\/p>\n\n Wie bereits erw\u00e4hnt, wurde das Mustersystem mit WordPress 6.3 gestrafft und konsistenter gestaltet.<\/p>\n Es ist jetzt einfacher, benutzerdefinierte Muster direkt im Block-Editor zu erstellen und sie im WordPress-Dashboard zu verwalten, ohne sich mit Code auseinandersetzen zu m\u00fcssen. Jetzt kannst du folgendes erstellen:<\/p>\n Der Unterschied zwischen den beiden Arten von Mustern ist, dass alle \u00c4nderungen, die an einem synchronisierten Muster vorgenommen werden, auf jedes Vorkommen dieses Blocks auf deiner gesamten Website angewendet werden.<\/strong><\/p>\n Umgekehrt wirken sich \u00c4nderungen an nicht synchronisierten Blockmustern nur auf diese spezielle Instanz des Musters aus und werden nicht auf andere Instanzen angewendet, die du m\u00f6glicherweise zu anderen Beitr\u00e4gen oder Seiten deiner Website hinzugef\u00fcgt hast.<\/strong><\/p>\n Aus der Sicht eines Entwicklers werden benutzerdefinierte Blockmuster in der WordPress-Datenbank als Dank des neuen Musterverwaltungssystems kannst du jetzt synchronisierte und nicht synchronisierte Blockmuster direkt im Website- oder Beitragseditor erstellen. Du musst nur dein Blocklayout entwerfen, die Bl\u00f6cke ausw\u00e4hlen und auf das Symbol mit den drei Punkten in der Blocksymbolleiste klicken. W\u00e4hle dann Muster erstellen<\/strong> aus dem Dropdown-Men\u00fc.<\/p>\n Im folgenden Beispiel erstellen wir ein synchronisiertes Muster aus einem Gruppenblock, einer \u00dcberschrift, einem Absatz und einer Schaltfl\u00e4che.<\/p>\n Wenn du auf Muster erstellen<\/strong> klickst, wirst du aufgefordert, den Namen und die Kategorien f\u00fcr dein Muster einzugeben und zu entscheiden, ob es synchronisiert werden soll oder nicht.<\/p>\n Und das war’s schon. Dein synchronisiertes Muster wird nun im Verwaltungsbereich f\u00fcr Muster<\/strong> im Website-Editor unter Meine Muster<\/strong> aufgef\u00fchrt.<\/p>\n Hier kannst du eine Vorschau deiner Muster sehen und den Status der Synchronisierung \u00fcberpr\u00fcfen.<\/p>\n Dann kannst du den Muster-Editor starten und dein Blockmuster anpassen.<\/p>\n Auch hier gilt: \u00c4nderungen an synchronisierten Mustern wirken sich auf jedes Vorkommen des Musters auf deiner Website aus. \u00c4nderungen an Standardmustern wirken sich nur auf zuk\u00fcnftige Instanzen des Musters aus.<\/p>\n Das ist m\u00f6glich, weil WordPress die beiden Arten von Mustern unterschiedlich behandelt. Um den Unterschied zu verstehen, erstelle eine nicht synchronisierte Kopie deines benutzerdefinierten Musters, erstelle dann einen neuen Beitrag oder eine neue Seite und f\u00fcge die beiden Muster hinzu. Gehe anschlie\u00dfend in den Code-Editor und \u00fcberpr\u00fcfe den Code.<\/p>\n Der synchronisierte Block wird durch den folgenden Code erzeugt:<\/p>\n Das bedeutet, dass WordPress den Beitrag mit der ID Der zweite Block ist nicht mit einer ID gekennzeichnet. Der Code-Editor enth\u00e4lt das gesamte Markup, aus dem das Muster besteht.<\/p>\n Synchronisierte Muster sind besonders n\u00fctzlich f\u00fcr die Erstellung von Elementen, die du auf mehreren Seiten deiner Website und\/oder auf verschiedenen Websites verwenden m\u00f6chtest. Denk an Aufrufe zum Handeln, Werbebanner, Preistabellen und so weiter.<\/p>\n Wie wir bereits erw\u00e4hnt haben, betrachtet WordPress benutzerdefinierte Blockmuster als Sobald du deine Muster erstellt hast, kannst du sie auf der Verwaltungsseite f\u00fcr Muster<\/strong> verwalten. Auf diese Seite kannst du auf verschiedene Weise zugreifen:<\/p>\n Auf dem Bildschirm Muster<\/strong>\u00a0kannst du<\/p>\n Im Site-Editor kannst du deine Muster auch duplizieren und umbenennen.<\/p>\n Die mit WordPress 6.6<\/a> eingef\u00fchrten Synced Pattern Overrides sind eine dritte Art von Mustern, die die Vorteile der Block Bindings API<\/a> nutzen, um die Eigenschaften beider Arten von Mustern zu erhalten.<\/p>\n Mit synchronisierten Muster\u00fcberschreibungen kannst du Blockmuster erstellen, die \u00fcberall auf deiner Website die gleiche Struktur haben und sich synchron mit den Anpassungen der Musterstruktur und des Stils im Website-Editor \u00e4ndern. In diesem Punkt sind Muster\u00fcberschreibungen den synchronisierten Mustern \u00e4hnlich.<\/p>\n Allerdings sind Muster\u00fcberschreibungen auch mit nicht synchronisierten Mustern vergleichbar, da du den Inhalt bestimmter Bl\u00f6cke im Muster \u00e4ndern kannst, ohne dass sich dies auf andere Instanzen desselben Musters auf der Website auswirkt.<\/p>\n Muster\u00fcberschreibungen sind<\/strong>also synchronisierte Muster mit einzelnen nicht synchronisierten Elementen.<\/strong><\/p>\n Hier erf\u00e4hrst du, wie du eine Muster\u00fcberschreibung erstellst.<\/p>\n Schritt 1:<\/strong> Gehe zu Muster<\/strong> und dupliziere eines der vorhandenen Muster, z. B. das Muster Preisgestaltung, 2 Spalten<\/strong> des Standardthemas Twenty Twenty-Five. F\u00fcge einen Namen hinzu und setze die Kopie auf Synced pattern.<\/p>\n Schritt 2:<\/strong> \u00d6ffne Meine Muster<\/strong> und finde dein neues synchronisiertes Muster. \u00d6ffne es und w\u00e4hle einen der Bl\u00f6cke aus, den du \u00fcberschreiben willst, z.B. den \u00dcberschriftenblock.<\/p>\n Gehe zur Seitenleiste mit den Blockeinstellungen und scrolle nach unten zum Abschnitt Erweitert<\/strong>. Hier findest du die Option \u00dcberschreibungen aktivieren<\/strong>.<\/p>\n Wenn du auf die Schaltfl\u00e4che klickst, wirst du aufgefordert, einen Namen f\u00fcr die \u00dcberschreibung hinzuzuf\u00fcgen.<\/p>\n Schritt 3:<\/strong> Wiederhole den gleichen Vorgang f\u00fcr jeden Block, den du \u00fcberschreiben m\u00f6chtest. Wenn du fertig bist, erstelle einen neuen Beitrag oder eine neue Seite und f\u00fcge dein benutzerdefiniertes Muster ein.<\/p>\n Schritt 4:<\/strong> \u00c4ndere im Beitragseditor den Inhalt der Bl\u00f6cke, die du au\u00dfer Kraft setzen willst, speichere den Beitrag und \u00fcberpr\u00fcfe das Ergebnis im Frontend.<\/p>\n Du hast vielleicht schon bemerkt, dass die Seitenleiste mit den Blockeinstellungen die Felder anzeigt, die bearbeitet werden k\u00f6nnen, wenn du eine Instanz eines Musters mit \u00dcberschreibungen im Beitragseditor bearbeitest. Im obigen Beispiel haben wir die \u00dcberschrift und einige Abs\u00e4tze \u00fcberschreibbar gemacht.<\/p>\n Du kannst beliebig viele Muster\u00fcberschreibungen an beliebiger Stelle auf deiner Website einf\u00fcgen, und jede Instanz zeigt dieselbe urspr\u00fcngliche Struktur, ist aber bereit f\u00fcr deine Anpassungen.<\/p>\n \u00d6ffne nun dein Muster im Site-Editor und wechsle zum Code-Editor. Der Code sollte etwa so aussehen wie der folgende:<\/p>\n Im Blockbegrenzer bemerkst du die Eigenschaft Wechsle nun im Beitragseditor zum Code-Editor<\/strong>. Der Code sollte in etwa so aussehen wie der folgende:<\/p>\n Hier siehst du einen Verweis auf das Blockmuster und eine Reihe von Eigenschaften f\u00fcr jeden als bearbeitbar festgelegten Block. Da Pattern Overrides eine Implementierung der Block Bindings API sind, kannst du nur unterst\u00fctzte Bl\u00f6cke \u00fcberschreiben.<\/p>\n Zum Zeitpunkt der Erstellung dieses Dokuments unterst\u00fctzen die Muster\u00fcberschreibungen die Bl\u00f6cke \u00dcberschrift<\/strong>, Absatz<\/strong>, Bild<\/strong> und Schaltfl\u00e4chen<\/strong>.<\/p>\n Vor der Gutenberg-\u00c4ra<\/a> wurden WordPress-Themes<\/a> und -Vorlagen haupts\u00e4chlich in PHP erstellt. Solide Kenntnisse \u00fcber Child-Themes<\/a>, die Template-Hierarchie<\/a> und die wichtigsten Frontend-Entwicklungssprachen<\/a> waren Grundvoraussetzung f\u00fcr die Erstellung oder Anpassung von Templates. Mit der Einf\u00fchrung von Block-Themes<\/a> \u00e4nderte sich das jedoch.<\/p>\n In Block-Themes und klassischen Themes, die sich f\u00fcr diese Funktion entschieden haben, kannst du ganz einfach eine Vorlage oder einen Vorlagenteil in der Oberfl\u00e4che des Site Editors erstellen oder anpassen. Es sind keine Entwicklungskenntnisse erforderlich, es sei denn, du entscheidest dich, ein Theme-Entwickler zu werden.<\/p>\n Eine Blockvorlage<\/a> ist eine Liste von Blockelementen<\/strong>. Beispiele f\u00fcr Blockelemente sind der Seitentitel, das Logo und die Navigation.<\/p>\n Vorlagenteile<\/strong> sind bestimmte Abschnitte einer Seite, die an verschiedenen Stellen dargestellt werden k\u00f6nnen, wie z. B. eine Kopf- und eine Fu\u00dfzeile, und die auf jeder Seite deiner WordPress-Website angezeigt werden k\u00f6nnen.<\/p>\n Du kannst Vorlagenteile \u00fcber die Oberfl\u00e4che des Website-Editors erstellen und bearbeiten, wo du alle f\u00fcr Bl\u00f6cke verf\u00fcgbaren Bearbeitungswerkzeuge nutzen kannst.<\/p>\n Im Gegensatz zu Blockmustern sind Template Parts jedoch f\u00fcr Bereiche der Website gedacht, die sich nicht h\u00e4ufig \u00e4ndern.<\/p>\n Hier sind die Hauptunterschiede zwischen den beiden Themen:<\/p>\n Wie wir bereits erw\u00e4hnt haben, wurde mit WordPress 6.3 ein neues System zur Verwaltung von Blockmustern eingef\u00fchrt. Es ist jetzt einfacher, synchronisierte oder nicht synchronisierte Blockmuster zu erstellen, ohne die Editoroberfl\u00e4che zu verlassen. Au\u00dferdem kannst du benutzerdefinierte Muster mit ein paar Klicks aus deinem WordPress-Dashboard importieren und exportieren.<\/p>\n WordPress bietet aber auch andere M\u00f6glichkeiten zur Erstellung von Blockmustern f\u00fcr Theme- und Plugin-Entwickler.<\/p>\n Neben der Funktion f\u00fcr Blockmuster hat WordPress 5.5<\/a> eine neue API eingef\u00fchrt, mit der Entwickler „vorgefertigte Inhaltsbl\u00f6cke erstellen k\u00f6nnen, die einfach in Beitr\u00e4ge, Seiten, benutzerdefinierte Beitragstypen und Vorlagen eingef\u00fcgt werden k\u00f6nnen“ Die neue API bietet die Funktionen Ab WordPress 6.0<\/a> kannst du Blockmuster auch mit einer PHP-Datei registrieren. Zum Zeitpunkt der Erstellung dieses Artikels hast du also zwei M\u00f6glichkeiten, ein Blockmuster zu erstellen.<\/p>\n Die erste Methode richtet sich vor allem an WordPress-Entwickler, ist aber einfach genug, um auch von nicht-erfahrenen Entwicklern verwendet zu werden.<\/p>\n Wenn du dich f\u00fcr die erste Methode entscheidest, kannst du ein Blockmuster mit den beiden neuen Funktionen W\u00e4hle zun\u00e4chst eine Kategorie f\u00fcr dein Muster. In den neuesten WordPress-Versionen sind neue Musterkategorien hinzugekommen und einige bestehende Kategorien wurden ge\u00e4ndert.<\/p>\n Um die Liste aller registrierten Kategorien zu erhalten, \u00f6ffne den Post-Editor und f\u00fcge den folgenden Code in die Konsole des Browsers ein:<\/p>\n In WordPress 6.7 mit aktivem Twenty Twenty-Five-Theme erh\u00e4ltst du die folgende Liste der Musterkategorien:<\/p>\n Wenn dein Blockmuster in keine der Standardkategorien f\u00e4llt, kannst du mit der Funktion Diese Funktion nimmt zwei Argumente entgegen:<\/p>\n Ein Beispiel hilft dir, besser zu verstehen, wie du eine neue Musterkategorie registrierst:<\/p>\n Sobald die Musterkategorie registriert wurde, ist der n\u00e4chste Schritt die Registrierung des Blockmusters selbst. Du registrierst das Blockmuster mit der Hilfsfunktion Diese Funktion ben\u00f6tigt zwei Argumente:<\/p>\n Hier ist eine Liste der derzeit verf\u00fcgbaren Eigenschaften des Musters:<\/p>\nWas sind Blockmuster?<\/h2>\n
![\"Blockmuster](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/block-patterns-in-ttf.jpg\")
\n
Vorgefertigte Blockmuster<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/block-inserter-with-patterns.jpg\")
![\"Erkunden](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/pattern-directory.jpg\")
![\"Kopieren](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/copy-pattern.jpg\")
![\"F\u00fcge](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/paste-pattern.jpg\")
Synchrone und nicht synchrone Blockmuster<\/h3>\n
\n
wp_block<\/code> benutzerdefinierte Beitragstypen registriert, und ein wp_pattern_sync_status<\/code> Metafeld speichert den Synchronisierungsstatus eines Musters.<\/p>\n![\"wp-block-sync-status\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\")
wp_pattern_sync_status<\/code> wird verwendet, um den Synchronisationsstatus eines Blockmusters zu speichern<\/figcaption><\/figure>\n![\"Muster](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/create-pattern.png\")
![\"Neues](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-pattern.png\")
![\"Benutzerdefinierte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/my-patterns.png\")
![\"Muster-Vorschau\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/preview-my-pattern.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/my-pattern.png\")
![\"Zwei](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/patterns-in-code-editor.png\")
<!-- wp:block {\"ref\":512} \/--><\/code><\/pre>\n512<\/code> abruft, um den HTML-Code f\u00fcr die Darstellung auf dem Bildschirm zu generieren.<\/p>\nwp_block<\/code> Beitragstypen und speichert sie als solche in der Tabelle wp_posts<\/code>.<\/p>\n\n
![\"Muster-Admin-Bildschirm\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/patterns-admin-screen.png\")
\n
Synchrone Muster\u00fcberschreibungen<\/h3>\n
![\"Muster](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/duplicate-pattern.jpg\")
![\"Muster\u00fcberschreibungen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/enable-overrides.jpg\")
![\"Nach](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/disable-overrides-button.jpg\")
![\"W\u00e4hle](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/adding-pattern.jpg\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/edit-pattern-overrides.jpg\")
<!-- wp:heading \n{\n\t\"textAlign\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Heading\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t},\n\t\"align\":\"wide\"\n} \n-->\n<h2 class=\"wp-block-heading alignwide has-text-align-center\">Pricing<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph \n{\n\t\"align\":\"center\",\n\t\"metadata\":{\n\t\t\"name\":\"Subtitle\",\n\t\t\"bindings\":{\n\t\t\t\"__default\":{\n\t\t\t\t\"source\":\"core\/pattern-overrides\"\n\t\t\t}\n\t\t}\n\t}\n} \n-->\n<p class=\"has-text-align-center\">Cancel or pause anytime.<\/p>\n<!-- \/wp:paragraph -->\n<\/code><\/pre>\nmetadata.bindings<\/code>. Diese macht die \u00dcberschriften-<\/strong> und Absatzbl\u00f6cke<\/strong> editierbar. Die Eigenschaft __default<\/code> weist WordPress an, alle unterst\u00fctzten Attribute<\/a> mit einer bestimmten Quelle zu verbinden<\/a>, n\u00e4mlich \"core\/pattern-overrides\"<\/code>.<\/p>\n<!-- wp:block \n{\n\t\"ref\":518,\n\t\"content\":{\n\t\t\"Heading\":{\n\t\t\t\"content\":\"Choose your plan\"\n\t\t},\n\t\t\"Subtitle\":{\n\t\t\t\"content\":\"Try our services with no risk thanks to our 30-day guarantee\"\n\t\t},\n\t\t\"Plan 1 title\":{\n\t\t\t\"content\":\"Starter\"\n\t\t},\n\t\t\"Plan 2 title\":{\n\t\t\t\"content\":\"Business\"\n\t\t}\n\t}\n} \n\/--><\/code><\/pre>\nVorlagen-Teile<\/h3>\n
![\"Neuen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part.png\")
![\"Hinzuf\u00fcgen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/add-new-template-part-modal.png\")
![\"Bearbeiten](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/edit-template-part.png\")
Unterschiede zwischen Mustern und Vorlagenteilen<\/h3>\n
Vorgefertigte Blockvorlagen<\/h4>\n
\n
Benutzerdefinierte Blockmuster<\/h4>\n
\n
wp_posts<\/code> als wp_block<\/code> post type gespeichert.<\/li>\nVorlagenteile<\/h4>\n
\n
So erstellst du Blockmuster f\u00fcr Themes und Plugins<\/h2>\n
register_block_pattern<\/code> und register_block_pattern_category<\/code>, um Blockmuster und Musterkategorien zu registrieren.<\/p>\n\n
register_block_pattern<\/code>,<\/li>\nEin Blockmuster mit einem Plugin erstellen<\/h3>\n
register_block_pattern<\/code> und register_block_pattern_category<\/code> in der PHP-Datei eines Plugins<\/a> oder der functions.php<\/a> deines Themes erstellen.<\/p>\nW\u00e4hle oder registriere eine Musterkategorie<\/h4>\n
wp.data.select('core').getBlockPatternCategories()<\/code><\/pre>\n![\"Musterkategorien](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/10\/pattern-categories-wp-67.jpg\")
register_block_pattern_category<\/code> <\/a> auch eine neue Kategorie anlegen.<\/p>\n\n
$category_name<\/code>: Name der Musterkategorie einschlie\u00dflich Namespace.<\/li>\n$category_properties<\/code>: Ein Array mit den Eigenschaften der Kategorie.<\/li>\n<\/ul>\nif ( function_exists( 'register_block_pattern_category' ) ) {\n\tfunction my_plugin_register_pattern_category() {\n\t\tregister_block_pattern_category( \n\t\t\t'my-pattern-category', \n\t\t\tarray(\n\t\t\t\t'label' => __( 'My Pattern Category', 'my-plugin-text-domain' ),\n\t\t\t\t'description' => __( 'Simple call to action with a header, an image, a paragraph, and a button.' ),\n\t\t\t)\n\t\t);\n\t}\n\tadd_action( 'init', 'my_plugin_register_pattern_category' );\n}<\/code><\/pre>\n\nRegistrierung eines Blockmusters<\/h4>\n
register_block_pattern<\/code> <\/a> wie folgt:<\/p>\nfunction my_plugin_register_block_pattern() {\n\tregister_block_pattern( 'prefix\/pattern-name', $props );\n}\nadd_action( 'init', 'my_plugin_register_block_pattern' );<\/code><\/pre>\n\n
$pattern_name<\/code>: Einen maschinenlesbaren<\/strong> Namen in Form von namespace\/pattern-name<\/code>.<\/li>\n$pattern_properties<\/code>: Ein Array mit Eigenschaften f\u00fcr das Muster.<\/li>\n<\/ul>\n\n
title<\/code> (erforderlich): Ein von Menschen lesbarer<\/strong> Titel f\u00fcr das Muster.<\/li>\ncontent<\/code> (erforderlich): Die HTML-Auszeichnung f\u00fcr das Muster.<\/li>\ndescription<\/code>: Ein Text, der das Muster im Inserter beschreibt. Die Beschreibung ist optional, wird aber empfohlen, da sie den Benutzern hilft, das Muster zu finden.<\/li>\ncategories<\/code>: Ein Array mit einer oder mehreren registrierten Musterkategorien. Du musst eine Kategorie registrieren, bevor du sie hier verwenden kannst (siehe den vorherigen Abschnitt).<\/li>\nkeywords<\/code>: Ein Array mit Schl\u00fcsselw\u00f6rtern, die den Nutzern helfen, das Muster zu finden.<\/li>\nviewportWidth<\/code>: Eine ganze Zahl, die die Breite des Musters in der Vorschau angibt.<\/li>\nblockTypes<\/code>: Ein optionales Array mit den Blocktypen, die mit dem Muster verwendet werden sollen.<\/li>\npostTypes<\/code>: Ein Array mit den Beitragstypen, die das Muster verwenden d\u00fcrfen.<\/li>\ntemplateTypes<\/code>: Ein Array mit Vorlagentypen, f\u00fcr die das Muster sinnvoll ist (verf\u00fcgbar seit WordPress 6.2<\/a>).<\/li>\ninserter<\/code>: Ein Boolescher Wert, der bestimmt, ob das Muster im Block-Inserter sichtbar sein soll. Setze den Wert auf false<\/code>, um das Muster auszublenden. In der Standardeinstellung werden alle Muster im Block-Inserter angezeigt.<\/li>\nsource<\/code> (optional): Ein String, der die Quelle des Musters angibt. \u00dcbergib die Zeichenfolge plugin<\/code>, wenn du das Muster von einem Plugin registrierst. F\u00fcr ein Theme \u00fcbergibst du die Zeichenfolge