{"id":52204,"date":"2024-09-09T01:00:00","date_gmt":"2024-09-09T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52204"},"modified":"2025-01-07T06:06:18","modified_gmt":"2025-01-07T14:06:18","slug":"wordpress-blockmuster","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/","title":{"rendered":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern"},"content":{"rendered":"<p>Stellen Sie sich vor, eine Website zu erstellen w\u00e4re wie Tetris zu spielen \u2014 vorgefertigte Teile in beliebiger Reihenfolge stapeln.<\/p>\n<p>Das w\u00e4re ziemlich zufriedenstellend, oder?<\/p>\n<p>Nun, das bekommen Sie mit <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress Blockmustern<\/a>. Mit diesen vorgefertigten Designs k\u00f6nnen Sie ganze Abschnitte zu jeder Seite oder jedem Beitrag mit einem Klick hinzuf\u00fcgen. Und im Gegensatz zu Tetris verschwinden sie nicht, wenn Sie sie perfekt stapeln.&nbsp;<\/p>\n<p>Dies klingt auf dem Papier gro\u00dfartig. Aber wie genau verwenden Sie Blockmuster?&nbsp;<\/p>\n<p>Darum geht es in diesem Leitfaden.<\/p>\n<p>Bleiben Sie die n\u00e4chsten Minuten bei uns, und Sie erfahren, was Blockmuster sind und wie Sie sie auf Ihrer eigenen WordPress-Website verwenden k\u00f6nnen.<\/p>\n<p>Lass uns loslegen!<\/p>\n<h2 id=\"h-what-is-a-wordpress-block-pattern\" class=\"wp-block-heading\">Was ist ein WordPress-Blockmuster?<\/h2>\n<p>Ein Blockmuster in WordPress ist ein einsatzbereites Layout, das aus wiederverwendbaren Bl\u00f6cken besteht.&nbsp;<\/p>\n<p>Diese Layouts k\u00f6nnen fast \u00fcberall auf Ihrer WordPress-Site eingef\u00fcgt werden, einschlie\u00dflich Seiten und Beitr\u00e4ge.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1776\" height=\"1098\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern.webp\" alt=\"Beispiel eines WordPress Blockmusters, das oben links ein H1, rechts eine Beschreibung und darunter ein Foto von Bergen zeigt\" class=\"wp-image-49132 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern.webp 1776w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-300x185.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1024x633.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-768x475.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1536x950.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-600x371.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1200x742.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-730x451.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1460x903.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-784x485.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1568x969.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-877x542.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_wordpress_block_pattern-1754x1084.webp 1754w\" data-sizes=\"(max-width: 1776px) 100vw, 1776px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1776px; --smush-placeholder-aspect-ratio: 1776\/1098;\" \/><\/figure>\n<p>Nachdem Sie sie eingef\u00fcgt haben, k\u00f6nnen Sie den Inhalt in den Blockmustern bearbeiten und \u00e4ndern. Die einzelnen Komponenten funktionieren genau wie regul\u00e4re <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-wordpress-blocke-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg-Bl\u00f6cke<\/a>, sodass Sie Anpassungen an Farben und Schriftarten vornehmen, Komponenten neu anordnen, Bilder austauschen und Inhalte in jedem Block \u00e4ndern k\u00f6nnen.&nbsp;<\/p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Gutenberg<\/h3>\n    <p>Gutenberg ist der Name f\u00fcr das Block-Editor-Projekt in WordPress. Viele WordPress-Entwickler und -Enthusiasten verwenden die Begriffe Gutenberg-Editor und Block-Editor austauschbar.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/wordpress\/gutenberg\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Mehr lesen                    <\/a>\n\n<\/div>\n\n<p>Sie k\u00f6nnen Blockmuster auch unz\u00e4hlige Male auf Ihrer Website wiederverwenden, sogar innerhalb einer einzigen Seite oder eines Beitrags.&nbsp;<\/p>\n<p>Dies bedeutet, dass Sie beim Verwenden des Block-Editors keine Layouts manuell (und wiederholt) Block f\u00fcr Block erstellen m\u00fcssen.<\/p>\n<h2 id=\"h2_getting-to-know-wordpress-blocks\" class=\"wp-block-heading\">Erste Schritte mit WordPress-Bl\u00f6cken<\/h2>\n<p>Um zu verstehen, wie Blockmuster funktionieren, m\u00fcssen Sie ein wenig \u00fcber Bl\u00f6cke wissen.<\/p>\n<p>Bl\u00f6cke sind seit Ende 2018 ein wesentlicher Bestandteil von WordPress, als Version 5.0 den neuen WordPress-Blockeditor, <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg<\/a>, einf\u00fchrte.<\/p>\n<p>Diese flexible Komponente von WordPress erm\u00f6glicht es Ihnen, Beitr\u00e4ge und Seiten mithilfe einzelner Elemente zu erstellen, die als Bl\u00f6cke bekannt sind. Beispiele hierf\u00fcr sind Bilder, Abs\u00e4tze, Listen, \u00dcberschriften, <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/embed-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Einbettungen<\/a>, Trennzeichen, Tabellen und Spalten.<\/p>\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Einbetten<\/h3>\n    <p>Einbetten bedeutet, externen Inhalt direkt in eine Webseite einzuf\u00fcgen, anstatt darauf zu verlinken. Durch das Einbetten k\u00f6nnen Besucher den Inhalt ansehen, ohne die Website verlassen zu m\u00fcssen.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/embed-2\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Weiterlesen                    <\/a>\n\n<\/div>\n\n<p>Jeder Block verf\u00fcgt \u00fcber einen Satz von Anpassungsoptionen, wie Ausrichtung, Farbe und Schriftgr\u00f6\u00dfe. Sie k\u00f6nnen Bl\u00f6cke \u00fcber einen <a href=\"https:\/\/www.dreamhost.com\/de\/ki-website-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Drag-and-Drop-Editor<\/a> verschieben.&nbsp;<\/p>\n<p>Um zur Tetris-Metapher zur\u00fcckzukehren, stellen Sie sich vor, Sie k\u00f6nnten ein Teil im Spiel <em>nach<\/em> seinem vollst\u00e4ndigen Fallen bewegen \u2014 nur weil Ihnen der urspr\u00fcngliche Platzierungsort nicht gefallen hat. Das ist die Art von Flexibilit\u00e4t, die Gutenberg Ihnen bietet.<\/p>\n<h2 id=\"h2_block-patterns-what-are-the-benefits\" class=\"wp-block-heading\">Blockmuster: Welche Vorteile gibt es?<\/h2>\n<p>Wenn Sie Blockmuster erstellen, f\u00fcgen Sie einfach mehrere Bl\u00f6cke zusammen, um eine kleine Vorlage zu erstellen. Das bedeutet, dass Sie Ihre Website ziemlich schnell zusammenstellen k\u00f6nnen, da Sie nicht jede Seite von Grund auf neu erstellen.<\/p>\n<p>Und das ist nicht der einzige Vorteil. Hier sind einige andere Vorteile:<\/p>\n<ul class=\"wp-block-list\"><li><strong>Sie k\u00f6nnen ganze Abschnitte mit Bl\u00f6cken erstellen:<\/strong> Wenn Sie Ihre eigenen benutzerdefinierten Blockmuster erstellen, kann jeder, der an Ihrer Website arbeitet, Inhalte verwalten, ohne sich um das Layout und das Design k\u00fcmmern zu m\u00fcssen.<\/li><li><strong>Sie k\u00f6nnen vorgefertigte Blockmuster von professionellen Designern verwenden:<\/strong> Sie k\u00f6nnen diese Vorlagen an Ihren Stil anpassen und haben so viele M\u00f6glichkeiten, wenn Sie einen Beitrag oder eine Seite erstellen.<\/li><li><strong>Sie k\u00f6nnen Muster, die Sie oft verwenden, speichern:<\/strong> Nachdem Sie Blockmuster erstellt oder ausgew\u00e4hlt haben, k\u00f6nnen Sie sie speichern und eine <a href=\"https:\/\/www.dreamhost.com\/de\/ki-website-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bibliothek von Vorlagen<\/a> aufbauen, die zu Ihrer Marke passt.<\/li><li><strong>Sie k\u00f6nnen neue Inhalte schneller erstellen<\/strong>. Es ist viel schneller, ein gespeichertes Muster einzuf\u00fcgen, als eine Seite von Grund auf neu zu gestalten.<\/li><li><strong>Sie sind flexibel und anpassbar:<\/strong> Sie k\u00f6nnen vorgefertigte Blockmuster an Ihre spezifischen Design- und Funktionsanforderungen anpassen. Finden Sie ein Blockmuster im <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-Musterverzeichnis<\/a>, das Ihnen gef\u00e4llt, und \u00e4ndern Sie es, wie Ihre Kreativit\u00e4t Sie leitet.<\/li><li><strong>Sie sind themenunabh\u00e4ngig:<\/strong> Benutzerdefinierte Blockmuster sind an kein bestimmtes Thema gebunden. Wenn Sie sp\u00e4ter das Thema Ihrer WordPress-Site \u00e4ndern, bleiben Ihre Muster gleich.<\/li><li><strong>Sie bieten responsive Seiten- und Beitragslayouts:<\/strong> Wenn Sie Ihre WordPress-Site mit Bl\u00f6cken und Blockmustern gestalten, wird der Inhalt Ihrer Site <a href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/responsive-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">f\u00fcr verschiedene Ger\u00e4te wie Smartphones oder Tablets optimal angepasst<\/a>.<\/li><\/ul>\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n<h2 id=\"h2_how-block-patterns-have-evolved-over-time\" class=\"wp-block-heading\">Wie sich Blockmuster im Laufe der Zeit entwickelt haben<\/h2>\n<p>Blockmuster wurden bereits im August 2020 mit der Ver\u00f6ffentlichung von WordPress 5.5 \u201eEckstine\u201c eingef\u00fchrt.&nbsp;<\/p>\n<p>Seitdem haben wir eine Menge Entwicklung gesehen:<\/p>\n<ul class=\"wp-block-list\"><li><strong>WordPress 5.9<\/strong> hat die Option hinzugef\u00fcgt, Blockmuster in den Vollst\u00e4ndigen Site-Editor zu kopieren und einzuf\u00fcgen.<\/li><li><strong>WordPress 6.0<\/strong> hat den Block-Inserter leichter navigierbar gemacht und es Entwicklern einfacher gemacht, Muster in ihre Themes einzuf\u00fcgen.<\/li><li><strong>WordPress 6.3<\/strong> f\u00fchrte synchronisierte Muster ein, die auf Ihrer gesamten Website identisch aussehen. Sie k\u00f6nnen ein synchronisiertes Muster auf einer Seite bearbeiten und alle anderen Kopien werden aktualisiert, um gleich auszusehen.<\/li><li><strong>WordPress 6.5<\/strong> bot eine sch\u00f6ne neue Auswahl an Blockmustern, aufgeteilt in Kategorien.<\/li><li><strong>WordPress 6.6<\/strong> f\u00fchrte die Option ein, das System der synchronisierten Muster zu \u00fcberschreiben, sodass jede Kopie eines Musters einige einzigartige Inhalte oder Stilisierungen haben kann.<\/li><\/ul>\n<h2 id=\"h2_how-to-create-your-own-block-patterns\" class=\"wp-block-heading\">Wie man eigene Blockmuster erstellt<\/h2>\n<p>Heute sind Blockmuster ziemlich leistungsf\u00e4hig und sehr einfach zu verwenden.<\/p>\n<p>Wenn Sie bereit sind, mit dieser WordPress-Funktion zu experimentieren, finden Sie hier eine schnelle Schritt-f\u00fcr-Schritt-Anleitung:<\/p>\n<h2 id=\"h2_step-1-create-a-draft-post\" class=\"wp-block-heading\">Schritt 1: Erstellen Sie einen Entwurfspost<\/h2>\n<p>Um ein Blockmuster zu erstellen, beginnen Sie damit, einen neuen Entwurfspost oder eine neue Seite in WordPress zu erstellen.&nbsp;<\/p>\n<p>Ein neuer Entwurf wird keine vorhandenen Inhalte verstopfen. Es ist eine leere Leinwand f\u00fcr Ihre blockbasierte Kreativit\u00e4t!<\/p>\n<p>Beginnen Sie damit, die Bl\u00f6cke hinzuzuf\u00fcgen, die Sie in Ihrem Muster einbinden m\u00f6chten: \u00dcberschriften und Abs\u00e4tze, Spalten, Bilder und Galerien, Video- und Audiomaterial, Trennzeichen und mehr.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1395\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post.webp\" alt=\"Screenshot der Benutzersicht in WordPress unter Verwendung der Blockmuster in einem Beitrag\" class=\"wp-image-49134 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-300x174.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1024x595.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-768x446.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1536x893.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-2048x1190.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-600x349.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1200x698.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-730x424.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1460x849.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-784x456.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1568x911.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-877x510.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/02_create_a_draft_post-1754x1020.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1395;\" \/><\/figure>\n<p>Nachdem Sie Ihre Bl\u00f6cke hinzugef\u00fcgt haben, stellen Sie sicher, dass Sie diese gestalten. Verwenden Sie die integrierten Farbpaletten und Schriftausw\u00e4hler.<\/p>\n<h2 id=\"h2_step-2-select-and-copy-blocks\" class=\"wp-block-heading\">Schritt 2: Bl\u00f6cke ausw\u00e4hlen und kopieren<\/h2>\n<p>Sobald Ihre Bl\u00f6cke genau richtig aussehen, m\u00fcssen Sie das Muster erstellen. Keine Sorge, es ist nicht technisch!<\/p>\n<p>Beginnen Sie damit, manuell alle Bl\u00f6cke auszuw\u00e4hlen, die Sie in Ihrem Blockmuster haben m\u00f6chten. Klicken Sie auf den ersten Block, halten Sie <strong>Alt<\/strong> (<strong>Shift<\/strong> auf dem Mac) gedr\u00fcckt und klicken Sie dann auf den letzten Block, der im Muster erscheinen soll.<\/p>\n<p>Um den Vorgang abzuschlie\u00dfen, klicken Sie auf die drei vertikalen Punkte oben in Ihrem Editor und w\u00e4hlen Sie <strong>Muster erstellen<\/strong> aus dem Dropdown-Men\u00fc.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1395\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern.webp\" alt=\"derselbe Screenshot wie zuvor, der zeigt, wo man die Musteroptionen innerhalb des Titelblocks \u00f6ffnen kann\" class=\"wp-image-49136 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-300x174.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1024x595.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-768x446.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1536x893.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-2048x1190.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-600x349.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1200x698.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-730x424.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1460x849.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-784x456.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1568x911.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-877x510.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/03_create_pattern-1754x1020.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1395;\" \/><\/figure>\n<p><strong>Profi-Tipp:<\/strong> Wenn Sie nicht einfach alle Bl\u00f6cke ausw\u00e4hlen k\u00f6nnen, die Sie m\u00f6chten, \u00f6ffnen Sie die Registerkarte <strong>\u00dcbersicht<\/strong>, um die vollst\u00e4ndige Liste der Elemente zu sehen. Es ist der Knopf mit den drei versetzten horizontalen Linien in der oberen rechten Ecke des Editors.&nbsp;<\/p>\n<h2 id=\"h2_step-3-save-your-block-pattern\" class=\"wp-block-heading\">Schritt 3: Speichern Sie Ihr Blockmuster<\/h2>\n<p>Nachdem Sie Ihr Blockmuster erstellt haben, m\u00fcssen Sie es nur noch in die WordPress-Musterbibliothek speichern.<\/p>\n<p>Sie sollten ein Popup-Fenster sehen, das Sie auffordert, Ihr Blockmuster zu benennen und eine Kategorie auszuw\u00e4hlen. Musterkategorien helfen Ihnen dabei, Vorlagen zu gruppieren, wie zum Beispiel alle Muster f\u00fcr eine bestimmte Seite.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1428\" height=\"896\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box.webp\" alt=\"Screenshot des neuen Musterkastens, der zeigt, wo man den Namen und die Kategorien eingeben kann, mit Hinzuf\u00fcgen-Button unten rechts im Kasten\" class=\"wp-image-49138 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box.webp 1428w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-600x376.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-1200x753.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-730x458.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/04_myfirstpattern_text_box-877x550.webp 877w\" data-sizes=\"(max-width: 1428px) 100vw, 1428px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1428px; --smush-placeholder-aspect-ratio: 1428\/896;\" \/><\/figure>\n<p>Schlie\u00dflich haben Sie eine gro\u00dfe Entscheidung zu treffen: zu synchronisieren oder nicht zu synchronisieren (wie Shakespeare wahrscheinlich sagen w\u00fcrde).<\/p>\n<p>Denken Sie daran, dass synchronisierte Blockmuster alle miteinander verbunden sind. Wenn Sie eines \u00e4ndern, \u00e4ndern sich alle anderen Kopien. Im Gegensatz dazu sind unsynchronisierte Blockmuster unabh\u00e4ngig.&nbsp;<\/p>\n<p>Nachdem Sie Ihre Entscheidung getroffen haben, klicken Sie auf <strong>Erstellen<\/strong>\u2026und fertig!<\/p>\n<h3 class=\"wp-block-heading\">Wie man Blockmuster im Site-Editor erstellt<\/h3>\n<p>Die oben genannte Methode ist wahrscheinlich der einfachste Weg, um Blockmuster zu erstellen. Sie k\u00f6nnen sie jedoch auch \u00fcber den WordPress Site Editor erstellen und speichern, wenn Sie ein blockbasiertes Thema haben.<\/p>\n<p>Dazu gehen Sie zu <strong>Erscheinungsbild <\/strong>&gt;<strong> Editor <\/strong>im WordPress Admin-Panel.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1110\" height=\"1863\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor.webp\" alt=\"Screenshot des Editor-Buttons unter Themes unter Appearance in der linken Navigationsleiste\" class=\"wp-image-49140 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor.webp 1110w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-179x300.webp 179w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-610x1024.webp 610w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-768x1289.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-915x1536.webp 915w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-600x1007.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-730x1225.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-784x1316.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/05_appearance_editor-877x1472.webp 877w\" data-sizes=\"(max-width: 1110px) 100vw, 1110px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1110px; --smush-placeholder-aspect-ratio: 1110\/1863;\" \/><\/figure>\n<p>Jetzt schauen Sie nach links. Sehen Sie diese Seitenleiste? Klicken Sie auf <strong>Muster<\/strong>, und Sie werden alle Muster sehen, die Sie bisher gesammelt haben, \u00fcbersichtlich nach Kategorien geordnet.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays.webp\" alt=\"Screenshot der Muster-Navigation, die die Kategorisierung von Vorlagen wie Fu\u00dfzeile, Kopfzeile, Kassenkopfzeile und Mini-Warenkorb zeigt\" class=\"wp-image-49142 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/06_filter_overlays-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n<p>In der oberen rechten Ecke sollten Sie den <strong>Neues Muster hinzuf\u00fcgen<\/strong>-Button sehen. Klicken Sie darauf.<\/p>\n<p>Dies \u00f6ffnet das Pop-up f\u00fcr Namen und Kategorie. Geben Sie die Details ein und klicken Sie auf <strong>Erstellen<\/strong>.<\/p>\n<p>WordPress wird dann einen leeren Editor \u00f6ffnen.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post.webp\" alt=\"Screenshot des leeren Editors, der ein \u00dcberschriftsfeld und ein Bild zeigt, das unmittelbar darunter DreamHost liest\" class=\"wp-image-49144 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/07_create_post-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n<p>W\u00e4hlen Sie einfach die Bl\u00f6cke aus, die Sie in Ihrem Blockmuster haben m\u00f6chten, und dr\u00fccken Sie in der oberen rechten Ecke auf <strong>Speichern<\/strong>, um abzuschlie\u00dfen.<\/p>\n<h2 id=\"h2_browsing-in-the-pattern-directory\" class=\"wp-block-heading\">Durchsuchen des Muster-Verzeichnisses<\/h2>\n<p>Wenn das Entwerfen Ihrer eigenen Muster wie harte Arbeit klingt, haben wir gute Nachrichten zu teilen.<\/p>\n<p>Wie bei Themes hat <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-musterverzeichnis\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress ein Verzeichnis<\/a>, in dem Personen Blockmuster teilen.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory.webp\" alt=\"Screenshot der Musterseite\" class=\"wp-image-49146 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/08_wp_pattern_directory-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n<p>Zum Zeitpunkt des Schreibens gibt es etwa 2.000 dieser Muster zur Auswahl, und sie sind alle v\u00f6llig kostenlos.<\/p>\n<p>Um diese Designs zu erhalten, besuchen Sie das <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pattern Directory<\/a> (verf\u00fcgbar sowohl auf WordPress.org als auch auf .com) und finden Sie etwas, das Ihnen gef\u00e4llt. Tippen Sie auf ein Design und dann klicken Sie auf <strong>Kopieren<\/strong>. Dadurch wird der gesamte Quellcode des Blockmusters in Ihre Zwischenablage \u00fcbertragen.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern.webp\" alt=\"screenshot geklickt einen Schritt weiter in eine der Musteroptionen, die den Kopiermuster-Knopf zeigen\" class=\"wp-image-49148 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/09_block_pattern-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n<p>Dann kehren Sie zu dem Beitrag oder der Seite zur\u00fcck, an der Sie arbeiten, und f\u00fcgen Sie den Code ein. <em>Et voil\u00e0!<\/em> Sie haben ein gl\u00e4nzendes neues Muster.<\/p>\n<p><strong>Profi-Tipp: <\/strong>Bilder, die in von anderen Designern erstellten Blockmustern bereitgestellt werden, werden typischerweise von externen Quellen referenziert. Es ist immer m\u00f6glich, dass diese Links brechen, daher ist es normalerweise eine bessere Idee, eigene Bilder (oder lizenzierte Bilder) zu verwenden.<\/p>\n<h2 id=\"h2_add-block-patterns-from-your-library\" class=\"wp-block-heading\">Blockmuster aus Ihrer Bibliothek hinzuf\u00fcgen<\/h2>\n<p>Wenn Sie einige Muster erstellt und gespeichert haben, fragen Sie sich vielleicht, wie Sie diese verwenden k\u00f6nnen.<\/p>\n<p>Um anzufangen, \u00f6ffnen Sie einen Entwurf f\u00fcr einen Beitrag oder eine Seite und tippen Sie auf das <strong>+<\/strong> in der oberen linken Ecke, um den Block-Inserter zu \u00f6ffnen.<\/p>\n<p>Zun\u00e4chst werden Ihnen einige Bl\u00f6cke angeboten. Klicken Sie auf den <strong>Muster<\/strong>-Tab oben in diesem Panel.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"589\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1024x589.webp\" alt=\"Screenshot eines Beitrags, der Blockmuster hochl\u00e4dt und oben im Men\u00fc zwischen Mustern und Bl\u00f6cken umschaltet\" class=\"wp-image-49150 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/10_patterns-1754x1009.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/589;\" \/><\/figure>\n<p>Hier k\u00f6nnen Sie alle Ihre gespeicherten Blockmuster \u00fcberpr\u00fcfen oder nach Kategorie durchsuchen. Sobald Sie das richtige gefunden haben, klicken Sie auf das Vorschaubild, um es Ihrem Entwurf hinzuzuf\u00fcgen.<\/p>\n<p>Denken Sie daran, dass Blockmuster nur Vorlagen sind, sodass Sie den Inhalt \u00e4ndern k\u00f6nnen, sobald Sie ein gespeichertes Muster eingef\u00fcgt haben.<\/p>\n<p><strong>Profi-Tipp: <\/strong>Bestimmte <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/beste-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">Plugins<\/a> (wie Seitenbauk\u00e4sten) f\u00fcgen deinem Repertoire zus\u00e4tzliche vorgefertigte Muster hinzu. <a href=\"https:\/\/wpspectra.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra<\/a> und <a href=\"https:\/\/crocoblock.com\/plugins\/?ref=10673&amp;campaign=DHblog\" target=\"_blank\" rel=\"noreferrer noopener\">JetBrains<\/a> sind zwei, die eine ganze Flotte von Mustern hinzuf\u00fcgen, wenn sie aktiviert werden.<\/p>\n<h2 id=\"h2_how-to-manage-your-block-patterns\" class=\"wp-block-heading\">Wie Sie Ihre Blockmuster verwalten<\/h2>\n<p>Wenn Sie ein <a href=\"https:\/\/dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Block-Theme<\/a> verwenden, k\u00f6nnen Sie die Muster, die Sie erstellt haben, \u00fcber den Website-Editor verwalten. Das entsprechende Men\u00fc befindet sich unter <strong>Erscheinungsbild <\/strong>&gt;<strong> Editor <\/strong>&gt;<strong> Muster<\/strong>.<\/p>\n<p>Im Hauptbereich rechts tippen Sie auf die drei Punkte neben einem gespeicherten Muster, um es zu bearbeiten oder zu l\u00f6schen.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1380\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns.webp\" alt=\"Screenshot der kategorischen Organisation der Muster, der erneut die drei Punkte unter einer Vorlage zeigt, auf die man klicken muss, um die Bearbeitungs- und Duplizierungsoptionen zu finden\" class=\"wp-image-49152 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns.webp 2400w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-300x173.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1024x589.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-768x442.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1536x883.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-2048x1178.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-600x345.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1200x690.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-730x420.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1460x840.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-784x451.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1568x902.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-877x504.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/11_manage_your_block_patterns-1754x1009.webp 1754w\" data-sizes=\"(max-width: 2400px) 100vw, 2400px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2400px; --smush-placeholder-aspect-ratio: 2400\/1380;\" \/><\/figure>\n<p>Wenn Sie ein klassisches <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wie-man-ein-wordpress-theme-auswahlt\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress-Theme<\/a> verwenden, das die <a href=\"https:\/\/www.dreamhost.com\/blog\/de\/wordpress-full-site-editing\/\" target=\"_blank\" rel=\"noreferrer noopener\">vollst\u00e4ndige Seitenbearbeitung<\/a> nicht vollst\u00e4ndig unterst\u00fctzt, navigieren Sie zu <strong>Erscheinungsbild <\/strong>&gt;<strong> Muster <\/strong>, um eine klassische Liste Ihrer gespeicherten Muster zu sehen. Hier k\u00f6nnen Sie sie bearbeiten, exportieren oder l\u00f6schen.<\/p>\n<h2 id=\"h2_need-some-help\" class=\"wp-block-heading\">Brauchen Sie Hilfe?<\/h2>\n<p>Wie Sie sehen k\u00f6nnen, sind Blockmuster nicht sehr technisch. Sie sind tats\u00e4chlich ziemlich einfach zu verwenden.&nbsp;<\/p>\n<p>Das gesagt, ist immer noch etwas Designarbeit involviert. Wenn Sie sich in diesem Bereich nicht sicher f\u00fchlen, k\u00f6nnen wir helfen.<\/p>\n<p>Unser <a href=\"https:\/\/www.dreamhost.com\/de\/professionelle-dienste\/design\/\" target=\"_blank\" rel=\"noreferrer noopener\">Experten-Designteam<\/a> kann die Website Ihrer Tr\u00e4ume von Grund auf neu erstellen, sodass Sie keinen Finger r\u00fchren m\u00fcssen.<\/p>\n<p>Und mit unserem <a href=\"https:\/\/www.dreamhost.com\/de\/wordpress\/verwaltet\/\" target=\"_blank\" rel=\"noreferrer noopener\">verwalteten WordPress-Hosting<\/a>-Service ist das Einrichten und Pflegen einer attraktiven Website einfacher denn je. Es ist super schnell und absolut zuverl\u00e4ssig.<\/p>\n<p><a href=\"https:\/\/www.dreamhost.com\/de\/hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">Melden Sie sich heute an<\/a>, um es selbst zu versuchen!<\/p>\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting.webp 2x\"  alt=\"website management by DreamHost\" \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>WordPress Hosting<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tUnbeatable WordPress Hosting\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tReliable, lightning-fast hosting solutions specifically optimized for WordPress.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>\n<p><em>Diese Seite enth\u00e4lt Affiliate-Links. Das bedeutet, dass wir eine Provision verdienen k\u00f6nnen, wenn Sie Dienstleistungen \u00fcber unseren Link kaufen, ohne dass Ihnen zus\u00e4tzliche Kosten entstehen.<\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>Warum eine WordPress-Site Block f\u00fcr Block aufbauen, wenn Sie Blockmuster verwenden k\u00f6nnen? Diese vorgefertigten Layouts k\u00f6nnen mit nur wenigen Klicks eine \u00fcberzeugende Website erstellen; hier ist wie.<\/p>\n","protected":false},"author":1062,"featured_media":49127,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-what-is-a-wordpress-block-pattern\",\"Was ist ein WordPress-Blockmuster?\"],[\"h2_getting-to-know-wordpress-blocks\",\"Erste Schritte mit WordPress-Bl\u00f6cken\"],[\"h2_block-patterns-what-are-the-benefits\",\"Blockmuster: Welche Vorteile gibt es?\"],[\"h2_how-block-patterns-have-evolved-over-time\",\"Wie sich Blockmuster im Laufe der Zeit entwickelt haben\"],[\"h2_how-to-create-your-own-block-patterns\",\"Wie man eigene Blockmuster erstellt\"],[\"h2_step-1-create-a-draft-post\",\"Schritt 1: Erstellen Sie einen Entwurfspost\"],[\"h2_step-2-select-and-copy-blocks\",\"Schritt 2: Bl\u00f6cke ausw\u00e4hlen und kopieren\"],[\"h2_step-3-save-your-block-pattern\",\"Schritt 3: Speichern Sie Ihr Blockmuster\"],[\"h2_browsing-in-the-pattern-directory\",\"Durchsuchen des Muster-Verzeichnisses\"],[\"h2_add-block-patterns-from-your-library\",\"Blockmuster aus Ihrer Bibliothek hinzuf\u00fcgen\"],[\"h2_how-to-manage-your-block-patterns\",\"Wie Sie Ihre Blockmuster verwalten\"],[\"h2_need-some-help\",\"Brauchen Sie Hilfe?\"]]","hide_toc":false,"footnotes":""},"categories":[14495,14511],"tags":[],"class_list":["post-52204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-de","category-wordpress-de"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern - DreamHost Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern\" \/>\n<meta property=\"og:description\" content=\"Warum eine WordPress-Site Block f\u00fcr Block aufbauen, wenn Sie Blockmuster verwenden k\u00f6nnen? Diese vorgefertigten Layouts k\u00f6nnen mit nur wenigen Klicks eine \u00fcberzeugende Website erstellen; hier ist wie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-09T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T14:06:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern - DreamHost Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/","og_locale":"en_US","og_type":"article","og_title":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern","og_description":"Warum eine WordPress-Site Block f\u00fcr Block aufbauen, wenn Sie Blockmuster verwenden k\u00f6nnen? Diese vorgefertigten Layouts k\u00f6nnen mit nur wenigen Klicks eine \u00fcberzeugende Website erstellen; hier ist wie.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-09-09T08:00:00+00:00","article_modified_time":"2025-01-07T14:06:18+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","type":"image\/webp"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern","datePublished":"2024-09-09T08:00:00+00:00","dateModified":"2025-01-07T14:06:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/"},"wordCount":1892,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","articleSection":["Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/","name":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","datePublished":"2024-09-09T08:00:00+00:00","dateModified":"2025-01-07T14:06:18+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/01_blog_hero_1460x1095_wp_block_patterns.webp","width":1460,"height":1095,"caption":"Decoding WordPress: Working With Block Patterns"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/de\/wordpress-blockmuster\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress entschl\u00fcsseln: Arbeiten mit Blockmustern"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"de","translations":{"de":52204,"es":35635,"en":35619,"pt":56262,"pl":56265,"ru":56268,"uk":56277,"it":68028,"fr":69648,"nl":69678},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=52204"}],"version-history":[{"count":3,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52204\/revisions"}],"predecessor-version":[{"id":59792,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/52204\/revisions\/59792"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/49127"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=52204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=52204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=52204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}