![\"Gutenberg](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153813-61e5135f8834f.png\")
<\/a><\/p>\nN\u00e4r ett blockm\u00f6nster v\u00e4l har lagts till i editorn vet inte blocken att de lades till genom ett blockm\u00f6nster. De l\u00e4ggs till som vanliga block s\u00e5 att anv\u00e4ndare kan justera sitt inneh\u00e5ll och sina inst\u00e4llningar. Det \u00e4r i grunden en genv\u00e4g f\u00f6r att l\u00e4gga till en konfiguration av flera block.<\/p>\n
Tanken \u00e4r bra! Alla slutanv\u00e4ndare \u00e4r inte bekv\u00e4ma med att skapa en stor struktur av kapslade block i editorn f\u00f6r att f\u00e5 det att se perfekt ut. Men \u00e4n s\u00e5 l\u00e4nge \u00e4r den h\u00e4r funktionen mest en f\u00f6rdel f\u00f6r utvecklare eftersom slutanv\u00e4ndare inte kan skapa sina egna m\u00f6nster. F\u00f6r anv\u00e4ndarnas egna anpassade block m\u00e5ste de h\u00e5lla sig till att anv\u00e4nda \u00e5teranv\u00e4ndbara block. Men speciellt f\u00f6r temautvecklare l\u00e5ter blockm\u00f6nster dem verkligen visa slutanv\u00e4ndarna den b\u00e4sta konfigurationen av block som fungerar bra i temat.<\/p>\n
WordPress har lagt till ett nytt temast\u00f6d f\u00f6r blockm\u00f6nster: Eftersom alla blockm\u00f6nsterfunktioner bara finns i en v\u00e4ldigt ny WordPress-version \u00e4r det en bra id\u00e9 att f\u00f6rst kontrollera om det finns, s\u00e5 att du inte bryter sidor med \u00e4ldre WordPress-versioner. I alla kodexempel nedan har jag gjort just det.<\/p>\n WordPress 5.5 levereras med 9 f\u00f6rdefinierade blockm\u00f6nster (se listan nedan). Blockm\u00f6nster visas i m\u00f6nsterkategorier (k\u00e4rnan l\u00e4gger till 5 kategorier). Blockm\u00f6nsterkategorier fungerar som postkategorier; du kan l\u00e4gga ett blockm\u00f6nster i flera kategorier. Tema- och plugin-utvecklare kan registrera sina egna blockm\u00f6nster och blockm\u00f6nsterkategorier, samt avregistrera dem i k\u00e4rnan. S\u00e5 l\u00e5t oss ta en n\u00e4rmare titt p\u00e5 hur!<\/p>\n Blockm\u00f6nstren som levereras i WordPress 5.5 \u00e4r f\u00f6ljande (namnutrymmet och snigel-ID f\u00f6r varje m\u00f6nster visas inom parentes):<\/p>\n Kategorierna som l\u00e4ggs till i WordPress 5.5 \u00e4r (deras snigel-ID visas inom parentes):<\/p>\n Du kan avregistrera blockm\u00f6nster med funktionen Ett exempel p\u00e5 avregistrering av k\u00e4rnblocksm\u00f6nstren "Tv\u00e5 knappar" och "Tre knappar":<\/p>\n Registrering av ett nytt blockm\u00f6nster g\u00f6rs med hj\u00e4lp av funktionen Tips<\/strong>: Att definiera ett blockm\u00f6nster kr\u00e4ver att du tillhandah\u00e5ller r\u00e5 HTML-inneh\u00e5ll f\u00f6r din blockkonfiguration. Jag rekommenderar inte att du skriver ut detta manuellt eftersom det l\u00e4tt kommer att orsaka ogiltiga blockkonflikter. G\u00e5 ist\u00e4llet in i editorn och s\u00e4tt upp blocken som du vill ha dem i ditt m\u00f6nster. Klicka sedan p\u00e5 "punktmenyn" i verktygsf\u00e4ltet i f\u00f6r\u00e4ldrablocket och klicka p\u00e5 "Kopiera". Efter detta kan du g\u00e5 tillbaka till din kodredigerare och klistra in (Ctrl+V). Detta ger dig r\u00e5 HTML till den konfiguration du kopierade. Anv\u00e4nd kodredigerarens funktionalitet f\u00f6r att ers\u00e4tta alla nyrader med 'core-block-patterns'<\/code>. Core kommer sedan 5.5.0 automatiskt att k\u00f6ra en add_theme_support('core-block-patterns')<\/code>s\u00e5 du beh\u00f6ver inte g\u00f6ra detta i ditt tema.<\/p>\nBlockm\u00f6nster och blockm\u00f6nsterkategorier som ing\u00e5r i WordPress 5.5<\/h2>\n
\n
core\/two-buttons<\/code>’)<\/li>\ncore\/three-buttons<\/code>’)<\/li>\ncore\/text-two-columns<\/code>’)<\/li>\ncore\/text-two-columns-with-images<\/code>’)<\/li>\ncore\/text-three-columns-buttons<\/code>’)<\/li>\ncore\/two-images<\/code>’)<\/li>\ncore\/large-header<\/code>’)<\/li>\ncore\/large-header-button<\/code>’)<\/li>\ncore\/quote<\/code>’)<\/li>\n<\/ul>\n\n
buttons<\/code>’)<\/li>\ncolumns<\/code>’)<\/li>\ngallery<\/code>’)<\/li>\nheader<\/code>’ \u2013 notera inga ’s’ i slutet)<\/li>\ntext<\/code>’)<\/li>\n<\/ul>\nAvregistrering av blockm\u00f6nster<\/h2>\n
[unregister_block_pattern](https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/#unregister_block_pattern)()<\/code>. Ange bara en str\u00e4ng med blockm\u00f6nstret att ta bort som parameter. Se \u00f6versikten ovan f\u00f6r k\u00e4rnblocksm\u00f6nster. K\u00f6r den h\u00e4r funktionen i en funktion kopplad till init<\/code>\u00e5tg\u00e4rden.<\/p>\nadd_action('init', function() {\n if (!function_exists('unregister_block_pattern')) {\n return;\n }\n unregister_block_pattern('core\/two-buttons');\n unregister_block_pattern('core\/three-buttons');\n});<\/code><\/pre>\nRegistrera blockm\u00f6nster<\/h2>\n
[register_block_pattern](https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/#register_block_pattern)()<\/code>. Den accepterar tv\u00e5 parametrar; den f\u00f6rsta \u00e4r en str\u00e4ng med ett unikt namn f\u00f6r ditt m\u00f6nster inklusive namnutrymme. Den andra \u00e4r en rad inst\u00e4llningar f\u00f6r ditt blockm\u00f6nster.<\/p>\nn<\/code>och se till att undvika citattecken ordentligt.<\/p>\n