allowed_block_types<\/code>. T\u00e4m\u00e4 suodatin antaa sinulle kaksi parametria; joukko kaikista lohkoista ja post-objektista. Meid\u00e4n tarvitsee vain hallita taulukkoa ennen sen palauttamista. Ja koska saamme my\u00f6s post-objektin suodattimeen, voimme my\u00f6s lis\u00e4t\u00e4 s\u00e4\u00e4nt\u00f6j\u00e4 viestityypin tai muiden viestien metatietojen mukaan.<\/p>\nLohkojen joukko koostuu lohkon nimiavaruusnimien merkkijonoista. Kaikki WordPressin lohkot vaativat etuliitteen nimitilan ennen lohkon nime\u00e4. WordPress-ydinlohkoissa nimiavaruus on " core\/<\/code>" ja WordPressin upotuslohkoissa nimiavaruus on " core-embed\/<\/code>". Esimerkiksi otsikkolohkolla on core\/heading<\/code>t\u00e4ss\u00e4 taulukossa nimi " ". Tein t\u00e4ydellisen yleiskatsauksen kaikista lohkotyyppien nimist\u00e4 artikkelissani Miten k\u00e4ytt\u00e4\u00e4ksesi ja j\u00e4sent\u00e4\u00e4ksesi viestin lohkoja<\/a>.<\/p>\nT\u00e4ss\u00e4 on nopea esimerkki suodattimen k\u00e4yt\u00f6st\u00e4 kaikkien lohkojen paitsi kappaleen poistamiseen. T\u00e4m\u00e4 koskee kaikkia viestityyppej\u00e4.<\/p>\n
add_filter('allowed_block_types', function($block_types, $post) {\n return ['core\/paragraph'];\n}, 10, 2);<\/code><\/pre>\nJos lis\u00e4\u00e4t t\u00e4m\u00e4n koodin teemasi functions.php<\/code>tai laajennustiedostoosi, Gutenberg kielt\u00e4\u00e4 kokonaan muut lohkot kuin kappaleen. Et edes n\u00e4e muita lohkoja, etk\u00e4 my\u00f6sk\u00e4\u00e4n voi yritt\u00e4\u00e4 houkutella niit\u00e4 ulos kirjoittamalla " \/<\/code>" viestiin (lohkon pikakuvake) tai etsim\u00e4ll\u00e4 niit\u00e4.<\/p>\n<\/p>\nVoimme m\u00e4\u00e4ritt\u00e4\u00e4 lohkot, jotka haluamme s\u00e4ilytt\u00e4\u00e4 tai poistaa viestityypin mukaan. Tarkistamme yksinkertaisesti postiobjektin kiinteist\u00f6n post_type<\/code>. Alla olevassa koodiesimerkiss\u00e4 m\u00e4\u00e4rit\u00e4mme uuden joukon lohkoista, jotka haluamme sallia, ja lis\u00e4\u00e4mme t\u00e4m\u00e4n s\u00e4\u00e4nn\u00f6n vain mukautetulle viestityypille ’ 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>\nYll\u00e4 olevalla koodilla saat kaikki esteet, kun muokkaat viestej\u00e4 ja sivuja, mutta kun muokkaat mukautettua viestityyppi\u00e4 ’ book<\/code>’, voit lis\u00e4t\u00e4 vain kappaleita, otsikoita ja yksitt\u00e4isi\u00e4 kuvia.<\/p>\nK\u00e4yt\u00e4 mielikuvitustasi lis\u00e4t\u00e4ksesi omia s\u00e4\u00e4nt\u00f6j\u00e4si. Koska meill\u00e4 on post-objekti, voimme k\u00e4ytt\u00e4\u00e4 suurinta osaa tarvitsemistamme tiedoista. Ehk\u00e4 sinun on rajoitettava lohkovalinnat post-meta-arvolla? Esimerkiksi valitulla sivumallilla, valitulla viestikategorialla tai jollain muulla.<\/p>\n
Valkoinen lista<\/h3>\n
Sik\u00e4li kuin n\u00e4en, voit vain sallia (p\u00e4\u00e4tt\u00e4\u00e4 mitk\u00e4 poistetaan, sen sijaan ett\u00e4 p\u00e4\u00e4tt\u00e4\u00e4 kumpi pit\u00e4\u00e4) lohkot poistamalla lohkojen rekister\u00f6inti tietyss\u00e4 vaiheessa. Ja sinun on teht\u00e4v\u00e4 se Javascriptill\u00e4, ei PHP:ll\u00e4.<\/p>\n
En mene t\u00e4m\u00e4n yksityiskohtiin, mutta sinun on asetettava jonoon Javascript-tiedosto, joka on ladattu sis\u00e4\u00e4n init<\/code>tai enqueue_block_editor_assets<\/code>koukku, riippuvuutena wp-dom-ready<\/code>ja wp-blocks<\/code>riippuvuutena. Komentosarjan sis\u00e4ll\u00e4 voit m\u00e4\u00e4ritt\u00e4\u00e4 muuttujan niist\u00e4 muuttujista, jotka haluat poistaa, noudattaen samoja nimiavaruuksien ja lohkonimien s\u00e4\u00e4nt\u00f6j\u00e4 yll\u00e4. Ja jokaiselle lohkon nimelle kutsut funktion unregisterBlockType()<\/code>paketista wp.blocks<\/code>. Yleens\u00e4 sinun on teht\u00e4v\u00e4 t\u00e4m\u00e4 toiminnon sis\u00e4ll\u00e4 wp.domReady()<\/code>varmistaaksesi, ett\u00e4 komentosarjan latausj\u00e4rjestys on oikea.<\/p>\nJotain t\u00e4llaista:<\/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>\nLohkotyyppien poistaminen on yksi tapa hallita lohkoja Gutenbergiss\u00e4. Katsotaanpa toista, ehk\u00e4 hauskempaa tapaa ohjata lohkoja: lohkomalleja.<\/p>\n
Est\u00e4 mallit<\/h2>\n
Toinen tapa hallita Gutenberg-lohkoja WordPressiss\u00e4 on k\u00e4ytt\u00e4\u00e4 lohkomalleja. WordPressiss\u00e4 on toimintoja, joiden avulla voit t\u00e4ytt\u00e4\u00e4 uusia viestej\u00e4 ennalta m\u00e4\u00e4ritetyill\u00e4 lohkoilla. T\u00e4st\u00e4 voi olla hy\u00f6ty\u00e4 kirjoittajien auttamiseksi n\u00e4ytt\u00e4m\u00e4ll\u00e4 heille ehdotus lohkorakenteesta. Voit my\u00f6s lukita n\u00e4m\u00e4 esit\u00e4ytetyt lohkot, jolloin tekij\u00e4t eiv\u00e4t voi j\u00e4rjest\u00e4\u00e4 uudelleen tai lis\u00e4t\u00e4 muita lohkoja. T\u00e4st\u00e4 on hy\u00f6ty\u00e4, kun haluat viesteill\u00e4 olevan tietyn rakenteen ja ulkoasun \u2013 esimerkiksi varmistamalla, ett\u00e4 kaikkien t\u00e4m\u00e4n tyyppisten viestien tiedot on rakennettu t\u00e4sm\u00e4lleen samalla tavalla.<\/p>\n
Voimme lis\u00e4t\u00e4 lohkomalleja uudella parametrilla [register_post_type](https:\/\/developer.wordpress.org\/reference\/functions\/register_post_type\/)()<\/code>toimintoon, jota k\u00e4ytet\u00e4\u00e4n mukautettujen viestityyppien rekister\u00f6intiin (huom: uutta parametria ei ole viel\u00e4 lis\u00e4tty dokumentaatioon). Voit my\u00f6s lis\u00e4t\u00e4 tai s\u00e4\u00e4t\u00e4\u00e4 parametreja olemassa oleville viestityypeille, kuten viesteille ja sivuille \u2013 katso alta miten.<\/p>\nUusi parametri register_post_type()<\/code>on ’ template<\/code>’. Kohteen " " arvoksi template<\/code>sinun on annettava joukko lohkoja. Jokaisen lohkon tulee olla my\u00f6s matriisi. V\u00e4hint\u00e4\u00e4n ensimm\u00e4inen taulukkoelementti on annettava; lohkon nimi (esim core\/paragraph<\/code>. ). Voit halutessasi lis\u00e4t\u00e4 toisen taulukkoelementin m\u00e4\u00e4ritteille ja kolmannen taulukkoelementin sis\u00e4kk\u00e4isille lohkoille (esim. Cover, Columns lohkot). Se tulee selvemm\u00e4ksi, kun n\u00e4et koodin.<\/p>\nAloitetaan yksinkertaisesta. Oletetaan, ett\u00e4 meill\u00e4 on register_post_type()<\/code>funktiokutsu mukautetun viestityypin rekister\u00f6imiseksi book<\/code>. Haluamme esit\u00e4yt\u00e4 kaikki uudet t\u00e4m\u00e4ntyyppiset viestit kappalelohkolla, jossa on paikkamerkki, joka kertoo kirjoittajalle, mit\u00e4 h\u00e4nen tulee kirjoittaa.<\/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>\nHuomaa, ett\u00e4 attribuuttitaulukko (jossa on paikkamerkki) on valinnainen. Nyt t\u00e4ll\u00e4 "malli"-parametrilla aina kun luomme uusia viestej\u00e4, se luodaan kappalelohkolla, jossa on paikkamerkki "Kirjoita esittelysi t\u00e4h\u00e4n…".<\/p>\n
Katsotaanpa monimutkaisempaa esimerkki\u00e4: sis\u00e4kk\u00e4iset lohkot. Oletetaan, ett\u00e4 haluamme lis\u00e4t\u00e4 kansilohkon, jonka sis\u00e4ll\u00e4 on otsikkolohko, kappale ja painike kohdistettuna keskelle. Otsikossa ja kappaleessa on paikkamerkki:<\/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>\nAlla oleva kuva n\u00e4ytt\u00e4\u00e4, mit\u00e4 saamme, kun luomme uusia kirjapostauksia. Se n\u00e4ytt\u00e4\u00e4 v\u00e4hemm\u00e4n pelottavalta kuin tyhj\u00e4 kangas, eik\u00f6?<\/p>\n
![\"Kuinka](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152040-61e4d330dc012.png\")
<\/a><\/p>\nMuista, ett\u00e4 attribuutit ovat erilaiset kussakin lohkotyypiss\u00e4, ja ne voivat vaihdella my\u00f6s asetuksissasi. Yll\u00e4 olevassa koodiesimerkiss\u00e4 lis\u00e4\u00e4n kaksi attribuuttia Cover-lohkoon; lohko kohdistus "t\u00e4ysi leveyteen" ja peittov\u00e4ri ennalta m\u00e4\u00e4ritettyyn v\u00e4riin mukautetusta v\u00e4ripaletista.<\/p>\n
![\"Kuinka](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152040-61e4d33596f0b.gif\")
<\/a><\/p>\n