allowed_block_types<\/code>. Detta filter ger dig tv\u00e5 parametrar; en upps\u00e4ttning av alla block och postobjektet. Allt vi beh\u00f6ver g\u00f6ra \u00e4r att hantera arrayen innan vi returnerar den. Och eftersom vi \u00e4ven f\u00e5r postobjektet i filtret kan vi \u00e4ven l\u00e4gga till regler efter inl\u00e4ggstyp eller annan postmetainformation.<\/p>\nArrayen av block best\u00e5r av str\u00e4ngar av blockets namnavgr\u00e4nsade namn. Alla block i WordPress kr\u00e4ver ett namnomr\u00e5de med prefix f\u00f6re blocknamnet. F\u00f6r WordPress-k\u00e4rnblock \u00e4r namnutrymmet " core\/<\/code>" och f\u00f6r WordPress-inb\u00e4ddningsblock \u00e4r namnutrymmet " core-embed\/<\/code>". Till exempel har rubrikblocket namnet " core\/heading<\/code>" i den h\u00e4r arrayen. Jag skapade en fullst\u00e4ndig \u00f6versikt \u00f6ver alla blocktypers namn i mitt inl\u00e4gg om Hur f\u00f6r att komma \u00e5t och analysera ett inl\u00e4ggs block<\/a>.<\/p>\nH\u00e4r \u00e4r ett snabbt exempel p\u00e5 hur du anv\u00e4nder filtret f\u00f6r att ta bort alla block utom stycket. Detta kommer att g\u00e4lla f\u00f6r alla inl\u00e4ggstyper.<\/p>\n
add_filter('allowed_block_types', function($block_types, $post) {\n return ['core\/paragraph'];\n}, 10, 2);<\/code><\/pre>\nOm du l\u00e4gger till den h\u00e4r koden i ditt tema- functions.php<\/code>eller plugin-fil, blir resultatet att Gutenberg helt f\u00f6rbjuder andra block \u00e4n stycke. Du kommer inte ens att kunna se n\u00e5gra andra block, inte heller kan du f\u00f6rs\u00f6ka locka ut dem genom att skriva " \/<\/code>" i inl\u00e4gget (blockgenv\u00e4g) eller s\u00f6ka efter dem.<\/p>\n<\/p>\nVi kan definiera de block vi vill beh\u00e5lla eller ta bort per posttyp. Vi kontrollerar helt enkelt egenskapen post_type<\/code>p\u00e5 postobjektet. I kodexemplet nedan definierar vi en ny array av blocken vi vill till\u00e5ta och l\u00e4gger till denna regel endast f\u00f6r den anpassade posttypen ’ book<\/code>’.<\/p>\nadd_filter('allowed_block_types', function($block_types, $post) {\n $allowed = [\n 'core\/paragraph',\n 'core\/heading',\n 'core\/image'\n ];\n if ($post->post_type == 'book') {\n return $allowed;\n }\n return $block_types;\n}, 10, 2);<\/code><\/pre>\nMed ovanst\u00e5ende kod f\u00e5r du alla block n\u00e4r du redigerar inl\u00e4gg och sidor, men n\u00e4r du redigerar den anpassade inl\u00e4ggstypen ’ book<\/code>’ kan du bara l\u00e4gga till stycken, rubriker och enstaka bilder.<\/p>\nAnv\u00e4nd din fantasi f\u00f6r att l\u00e4gga till dina egna regler. Eftersom vi har postobjektet kan vi komma \u00e5t det mesta av informationen vi skulle beh\u00f6va. Du kanske beh\u00f6ver begr\u00e4nsa blockvalen med ett postmetav\u00e4rde? Till exempel efter vald sidmall, vald inl\u00e4ggskategori eller n\u00e5got annat.<\/p>\n
Vitlista<\/h3>\n
S\u00e5vitt jag kan se kan du bara vitlista (best\u00e4mma vilka som ska tas bort, i motsats till att best\u00e4mma vilka som ska beh\u00e5llas) block genom att avregistrera blocken vid en viss tidpunkt. Och du m\u00e5ste g\u00f6ra med det med Javascript och inte PHP.<\/p>\n
Jag kommer inte att g\u00e5 in p\u00e5 detaljer om detta, men du m\u00e5ste st\u00e4lla en Javascript-fil i k\u00f6 som laddas in init<\/code>eller enqueue_block_editor_assets<\/code>haka, med wp-dom-ready<\/code>och wp-blocks<\/code>som beroende. Inuti skriptet kan du st\u00e4lla in en variabel f\u00f6r den eller de du vill ta bort, enligt samma regler f\u00f6r namnrymder och blocknamn ovan. Och f\u00f6r varje blocknamn anropar du funktionen unregisterBlockType()<\/code>fr\u00e5n wp.blocks<\/code>paketet. Vanligtvis skulle du beh\u00f6va g\u00f6ra detta i en funktion p\u00e5 wp.domReady()<\/code>f\u00f6r att s\u00e4kerst\u00e4lla att skriptets laddningsordning \u00e4r korrekt.<\/p>\nN\u00e5got som det h\u00e4r:<\/p>\n
var removeBlocks = [\n 'core\/paragraph',\n 'core\/heading',\n 'core\/image'\n];\n\u00a0\nwp.domReady(function() {\n removeBlocks.forEach(function(blockName) {\n wp.blocks.unregisterBlockType(blockName);\n });\n});<\/code><\/pre>\nAtt ta bort blocktyper \u00e4r ett s\u00e4tt att kontrollera block i Gutenberg. L\u00e5t oss titta p\u00e5 det andra, kanske roligare s\u00e4ttet att styra block: blockmallar.<\/p>\n
Blockera mallar<\/h2>\n
Ett annat s\u00e4tt att kontrollera Gutenberg-block i WordPress \u00e4r att anv\u00e4nda blockmallar. WordPress har funktionalitet som l\u00e5ter dig fylla i nya inl\u00e4gg med en upps\u00e4ttning f\u00f6rdefinierade block. Detta kan vara anv\u00e4ndbart f\u00f6r att hj\u00e4lpa f\u00f6rfattare genom att visa dem ett f\u00f6rslag p\u00e5 blockstruktur. Du kan ocks\u00e5 v\u00e4lja att l\u00e5sa dessa f\u00f6rifyllda block, s\u00e5 att f\u00f6rfattarna inte kan ordna om eller l\u00e4gga till andra block. Detta \u00e4r anv\u00e4ndbart n\u00e4r du vill att inl\u00e4gg ska ha en specifik struktur och design \u2013 till exempel se till att alla inl\u00e4gg av den inl\u00e4ggstypen har sin information strukturerad p\u00e5 exakt samma s\u00e4tt.<\/p>\n
Vi kan l\u00e4gga till blockmallar med en ny parameter till [register_post_type](https:\/\/developer.wordpress.org\/reference\/functions\/register_post_type\/)()<\/code>funktionen som anv\u00e4nds f\u00f6r att registrera anpassade inl\u00e4ggstyper (obs: den nya parametern har \u00e4nnu inte lagts till i dokumentationen). Du kan ocks\u00e5 l\u00e4gga till eller justera parametrarna p\u00e5 befintliga inl\u00e4ggstyper som inl\u00e4gg och sidor \u2013 se nedan om hur.<\/p>\nDen nya parametern till register_post_type()<\/code>\u00e4r ’ template<\/code>’. Som v\u00e4rde f\u00f6r ’ template<\/code>’ m\u00e5ste du tillhandah\u00e5lla en rad block. Varje block m\u00e5ste ocks\u00e5 vara en array. Som ett minimum m\u00e5ste du tillhandah\u00e5lla det f\u00f6rsta arrayelementet; blocknamnet (t.ex. core\/paragraph<\/code>). Du kan valfritt l\u00e4gga till ett andra arrayelement f\u00f6r attribut och ett tredje arrayelement f\u00f6r kapslade block (t.ex. Cover, Columns-block). Det blir tydligare n\u00e4r du ser koden.<\/p>\nL\u00e5t oss b\u00f6rja enkelt. Anta att vi har ett register_post_type()<\/code>funktionsanrop f\u00f6r att registrera en anpassad posttyp ’ book<\/code>’. Vi vill f\u00f6rfylla alla nya inl\u00e4gg av denna typ av inl\u00e4gg med ett styckeblock med en platsh\u00e5llare som talar om f\u00f6r f\u00f6rfattaren vad han eller hon ska skriva.<\/p>\nadd_action('init', function() {\n register_post_type('book', [\n 'label' => __('Books', 'txtdomain'),\n 'public' => true,\n ...\n 'template' => [\n ['core\/paragraph', ['placeholder' => __('Write your intro here...', 'txtdomain')]],\n ],\n ]);\n});<\/code><\/pre>\nObservera att attributmatrisen (med ’platsh\u00e5llare’ i den) \u00e4r valfri. Nu, med denna "mall"-parameter n\u00e4r vi skapar nya inl\u00e4gg, kommer den att skapas med ett styckeblock som har platsh\u00e5llaren "Skriv ditt intro h\u00e4r…".<\/p>\n
L\u00e5t oss titta p\u00e5 ett mer komplicerat exempel: kapslade block. S\u00e4g att vi vill l\u00e4gga till ett omslagsblock som har ett rubrikblock, stycke och en knapp inuti, mittjusterat. Titeln och stycket kommer att ha en platsh\u00e5llare:<\/p>\n
'template' => [\n ['core\/cover', ['align' => 'full', 'overlayColor' => 'blue-profile'], [\n ['core\/heading', ['align' => 'center', 'placeholder' => __('Call to action title', 'txtdomain')]],\n ['core\/paragraph', ['align' => 'center', 'placeholder' => __('Your text here', 'txtdomain')]],\n ['core\/button', ['align' => 'center']]\n ]],\n],<\/code><\/pre>\nBilden nedan visar vad vi kommer att f\u00e5 n\u00e4r vi skapar nya bokinl\u00e4gg. Det ser mindre skr\u00e4mmande ut \u00e4n en tom duk, eller hur?<\/p>\n
![\"S\u00e5](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152040-61e4d330dc012.png\")
<\/a><\/p>\nT\u00e4nk p\u00e5 att attributen \u00e4r olika f\u00f6r varje blocktyp och kan ocks\u00e5 skilja sig \u00e5t i din inst\u00e4llning. I kodexemplet ovan l\u00e4gger jag till tv\u00e5 attribut till Cover-blocket; blockjustering till "Full Width" och \u00f6verl\u00e4ggsf\u00e4rg till en f\u00f6rdefinierad f\u00e4rg fr\u00e5n en anpassad f\u00e4rgpalett.<\/p>\n
![\"S\u00e5](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152040-61e4d33596f0b.gif\")
<\/a><\/p>\n