{"id":144,"date":"2021-10-25T05:58:24","date_gmt":"2021-10-25T05:58:24","guid":{"rendered":"https:\/\/ainoblocks.io\/de\/?p=144"},"modified":"2021-11-08T14:41:05","modified_gmt":"2021-11-08T14:41:05","slug":"so-funktionieren-wordpress-block-patterns","status":"publish","type":"post","link":"https:\/\/ainoblocks.io\/de\/so-funktionieren-wordpress-block-patterns\/","title":{"rendered":"So funktionieren WordPress Block Patterns"},"content":{"rendered":"\n

Patterns sind eine der coolsten Funktionen, mit denen wir jetzt im WordPress-Block-Editor arbeiten k\u00f6nnen. Sie sind ein modulares System von Layout-Bausteinen, die WordPress-Benutzern die M\u00f6glichkeit geben, mit absoluter Leichtigkeit benutzerdefinierte Seiten- oder Beitragslayouts zu erstellen.<\/p>\n\n\n\n

Was sind Patterns<\/h2>\n\n\n\n

Patterns sind kleine vorgefertigte Layout-Bereiche, die von einem Theme oder Block-Plugin bereitgestellt werden k\u00f6nnen. Du kannst gern einen Blick in unsere wachsende Aino-Pattern-Bibliothek<\/a> werfen. Pattern bestehen aus mehreren (verschachtelten) Bl\u00f6cken und k\u00f6nnen so einfach oder so komplex sein, wie es der Designer des Patterns w\u00fcnscht. Das Tolle an Pattern ist, dass sie, sobald du ein Pattern auf einer Seite hinzugef\u00fcgt hast, nicht mehr als Pattern definiert sind, sondern nur noch eine Sammlung von „normalen“ Bl\u00f6cken auf einer Seite darstellen. Selbst wenn sich also das Muster \u00e4ndert oder nicht mehr verf\u00fcgbar ist, \u00e4ndert sich f\u00fcr dich und deine Website nichts.<\/p>\n\n\n\n

Patterns versus wiederverwendbare Bl\u00f6cke<\/h3>\n\n\n\n

Dadurch unterscheiden sie sich von wiederverwendbaren Bl\u00f6cken. Wiederverwendbare Bl\u00f6cke sind miteinander verkn\u00fcpft, und sobald du einen wiederverwendbaren Block \u00e4nderst, wird die \u00c4nderung \u00fcberall dort \u00fcbernommen, wo du den wiederverwendbaren Block eingebunden hast. Eine Ausnahme ist die Option, dass wiederverwendbare Bl\u00f6cke in regul\u00e4re Bl\u00f6cke umgewandelt werden k\u00f6nnen, sobald der wiederverwendbare Block einer Seite hinzugef\u00fcgt wird.<\/p>\n\n\n\n

Der Zweck von Patterns ist also ein anderer als bei wiederverwendbaren Bl\u00f6cken. Pattern werden verwendet, um das urspr\u00fcngliche Layout einer Seite oder eines Beitrags zu erstellen. Pattern k\u00f6nnen auch verwendet werden, um eine neue Seitenvorlage in Block-Themes zu erstellen. Wiederverwendbare Bl\u00f6cke hingegen werden f\u00fcr benutzerdefinierte Inhaltsschnipsel verwendet, die mehrfach auf einer Website verwendet werden.<\/p>\n\n\n\n

Wie du Pattern benutzten kannst<\/h2>\n\n\n\n

Wenn das von dir installierte Thema oder Block-Plugin Pattern anbietet, kannst du diese finden, indem du die Seitenleiste des Block-Inserters umschaltest. Hier siehst du das Men\u00fc der Registerkarte „Vorlagen“. Wenn Sie auf die Registerkarte „Vorlagen“ klicken, findest du alle Muster, die dir zur Verf\u00fcgung stehen.<\/p>\n\n\n\n

\"Patterns
Die Auswahl an Patterns findest du in der Block-Inserter-Seitenleiste.<\/figcaption><\/figure>\n\n\n\n

Im oberen Bereich kannst du alle Pattern nach Kategorien filtern. Es h\u00e4ngt vom Theme oder Plugin ab, welche Kategorien zur Verf\u00fcgung gestellt werden.<\/p>\n\n\n\n

\"Pattern-Kategorienfiltert\"
Patterns k\u00f6nnen nach Kategorien gefiltert werden.<\/figcaption><\/figure>\n\n\n\n

Wenn du den Mauszeiger auf eine bestimmte Stelle im Editor gesetzt hast, wird das Pattern automatisch dort eingef\u00fcgt, sobald du auf ein Pattern klickst. Wenn du keine bestimmte Stelle auf deiner Seite ausgew\u00e4hlt hast, wird das Pattern am unteren Rand deiner Seite eingef\u00fcgt.<\/p>\n\n\n\n

Alternativ kannst du ein Pattern auch per Drag’n’Drop aus der Seitenleiste des Block-Inserters an eine beliebige Stelle auf deiner Seite ziehen. Diese Option ist n\u00fctzlich, wenn du ein Pattern zwischen zwei anderen Bl\u00f6cken einf\u00fcgen m\u00f6chtest.<\/p>\n\n\n\n

Zus\u00e4tzlich zur Block-Inserter-Seitenleiste werden dir auch Pattern angeboten, die einem bestimmten Suchbegriffs entsprechen, das du in das Suchformular des Block-Inserter-Dialogfensters eingegeben hast.<\/p>\n\n\n\n

\"Vorgeschlagene
Vorgeschlagene Pattern bei der Eingabe eines Suchbegriffs.<\/figcaption><\/figure>\n\n\n\n

Du kannst das Pattern aus dem Dialogfenster ausw\u00e4hlen, und es wird in deine Seite eingef\u00fcgt.<\/p>\n\n\n\n

Sobald du mehrere Muster auf deiner Seite hast, k\u00f6nnen die Bl\u00f6cke verschoben werden, insbesondere wenn der Pattern-Designer die Patterns in einem Gruppen-Block gruppiert hat. Du musst daf\u00fcr auf den \u00e4u\u00dferen Block klicken, um ihn auszuw\u00e4hlen, und dann die Schaltfl\u00e4che Nach oben<\/em> oder Nach unten<\/em> in der Symbolleiste des Block-Editors verwenden.<\/p>\n\n\n\n

\"Bl\u00f6cke
Bl\u00f6cke im Editor nach oben und unten bewegen.<\/figcaption><\/figure>\n\n\n\n

Du kannst auch die Tastaturk\u00fcrzel<\/a> verwenden, um Bl\u00f6cke nach oben und unten zu verschieben<\/p>\n\n\n\n

Jetzt musst du nur noch Farben, Texte und Bilder des Beispielinhalts durch deine eigenen Website-Inhalte ersetzen, bevor du die Seite oder den Beitrag ver\u00f6ffentlichst. Die suboptimale L\u00f6sung des Imports von Demo-Inhalten, die Themes lange Zeit verwendet haben, ist mit diesem neuen Ansatz hinf\u00e4llig. Pattern- und Block-Seitenvorlagen und Vorlagenteile bieten von Haus aus vorgefertigte Layout-Schnipsel. Der neue Workflow mit Pattern und Block-Vorlagen ist wesentlich flexibler und benutzerfreundlicher.<\/p>\n\n\n\n

Um mit Patterns zu beginnen, kannst du in der Pattern-Bibliothek auf WordPress.org<\/a> nach kostenlosen Pattern suchen, die mit WordPress-Core-Bl\u00f6cken erstellt wurden. Die Pattern dort k\u00f6nnen mit jedem Theme verwendet werden. Du kannst das Muster einfach kopieren und in eine beliebige Seite oder einen Beitrag einf\u00fcgen.<\/p>\n\n\n\n

Stell deine Fragen<\/h3>\n\n\n\n

Hast du Fragen oder experimentierst du bei der Arbeit mit Patterns? Wie gef\u00e4llt dir der Pattern-Workflow, und hast du Ideen f\u00fcr bestimmte Pattern, die du gern verwenden w\u00fcrdest? Schreibe mir einfach unten einen Kommentar, ich w\u00fcrde mich freuen, von dir zu h\u00f6ren.<\/p>\n","protected":false},"excerpt":{"rendered":"

Patterns sind eine der coolsten Funktionen, mit denen wir jetzt im WordPress-Block-Editor arbeiten k\u00f6nnen. Sie sind ein modulares System von Layout-Bausteinen, die WordPress-Benutzern die M\u00f6glichkeit geben, mit absoluter Leichtigkeit benutzerdefinierte Seiten- oder Beitragslayouts zu erstellen. Was sind Patterns Patterns sind kleine vorgefertigte Layout-Bereiche, die von einem Theme oder Block-Plugin bereitgestellt werden k\u00f6nnen. Du kannst gern […]<\/p>\n","protected":false},"author":1,"featured_media":151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,20],"tags":[],"_links":{"self":[{"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/posts\/144"}],"collection":[{"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":13,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/posts\/144\/revisions\/225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/media\/151"}],"wp:attachment":[{"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ainoblocks.io\/de\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}