![\"Gutenbergin](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153813-61e5135f8834f.png\")
<\/a><\/p>\nKun lohkokuvio on lis\u00e4tty editoriin, lohkot eiv\u00e4t tied\u00e4, ett\u00e4 ne on lis\u00e4tty lohkokuvion kautta. Ne lis\u00e4t\u00e4\u00e4n normaaleina lohkoina, joiden avulla k\u00e4ytt\u00e4j\u00e4t voivat s\u00e4\u00e4t\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 ja asetuksia. Se on pohjimmiltaan pikakuvake useiden lohkojen kokoonpanon lis\u00e4\u00e4miseksi.<\/p>\n
Idea on hyv\u00e4! Kaikki loppuk\u00e4ytt\u00e4j\u00e4t eiv\u00e4t halua luoda suurta sis\u00e4kk\u00e4isten lohkojen rakennetta editorissa, jotta se n\u00e4ytt\u00e4\u00e4 t\u00e4ydelliselt\u00e4. Kuitenkin toistaiseksi t\u00e4m\u00e4 ominaisuus on enimm\u00e4kseen hy\u00f6dyksi kehitt\u00e4jille, koska loppuk\u00e4ytt\u00e4j\u00e4t eiv\u00e4t voi luoda omia mallejaan. K\u00e4ytt\u00e4jien omien r\u00e4\u00e4t\u00e4l\u00f6ityjen lohkojen kohdalla heid\u00e4n on k\u00e4ytett\u00e4v\u00e4 uudelleenk\u00e4ytett\u00e4vi\u00e4 lohkoja. Mutta erityisesti teemakehitt\u00e4jille lohkokuvioiden avulla he todella n\u00e4ytt\u00e4v\u00e4t loppuk\u00e4ytt\u00e4jille parhaan lohkokokoonpanon, joka toimii hyvin teemassa.<\/p>\n
WordPress on lis\u00e4nnyt uuden teematuen lohkomalleille: Koska kaikki lohkokuvion toiminnot ovat olemassa vain hyvin uudessa WordPress-versiossa, on hyv\u00e4 idea tarkistaa niiden olemassaolo ensin, jotta et riko sivustoja vanhemmilla WordPress-versioilla. Kaikissa alla olevissa koodiesimerkeiss\u00e4 olen tehnyt juuri niin.<\/p>\n WordPress 5.5 toimitetaan 9 ennalta m\u00e4\u00e4ritetyll\u00e4 lohkokuviolla (katso luettelo alla). Lohkokuviot n\u00e4ytet\u00e4\u00e4n kuvioluokissa (ydin lis\u00e4\u00e4 5 luokkaa). Lohkokuvioluokat toimivat kuten viestiluokat; voit laittaa lohkokuvion useisiin luokkiin. Teema- ja laajennuskehitt\u00e4j\u00e4t voivat rekister\u00f6id\u00e4 omia lohkokuvioita ja lohkokuvioluokkia sek\u00e4 poistaa ytimen rekister\u00f6innin. Katsotaanpa siis tarkemmin miten!<\/p>\n WordPress 5.5:ss\u00e4 toimitetut lohkomallit ovat seuraavat (kunkin mallin nimiavaruus ja slug-tunnus n\u00e4ytet\u00e4\u00e4n suluissa):<\/p>\n WordPress 5.5:een lis\u00e4tyt luokat ovat (niiden slug-tunnukset n\u00e4kyv\u00e4t suluissa):<\/p>\n Voit poistaa lohkokuvioiden rekister\u00f6innin toiminnolla Esimerkki ydinlohkokuvioiden "Kaksi painiketta" ja "Kolme painiketta" rekister\u00f6innin poistamisesta:<\/p>\n Uuden lohkokuvion rekister\u00f6inti tapahtuu funktiolla Vihje<\/strong>: Lohkomallin m\u00e4\u00e4ritt\u00e4minen edellytt\u00e4\u00e4 raaka-HTML-sis\u00e4lt\u00f6\u00e4 lohkom\u00e4\u00e4rityksi\u00e4 varten. En suosittele t\u00e4m\u00e4n kirjoittamista manuaalisesti, koska se aiheuttaa helposti virheellisi\u00e4 estoristiriitoja. Mene sen sijaan editoriin ja aseta lohkot haluamallasi tavalla kuvioosi. Napsauta sitten "pistevalikkoa" vanhemmuuden lohkon ty\u00f6kalupalkissa ja napsauta "Kopioi". T\u00e4m\u00e4n j\u00e4lkeen voit palata koodieditoriin ja liitt\u00e4\u00e4 (Ctrl+V). T\u00e4m\u00e4 antaa sinulle kopioimasi kokoonpanon raaka-HTML-koodin. K\u00e4yt\u00e4 koodieditorin toimintoa korvataksesi kaikki rivinvaihdot 'core-block-patterns'<\/code>. Core suorittaa versiosta 5.5.0 l\u00e4htien automaattisesti a, add_theme_support('core-block-patterns')<\/code>joten sinun ei tarvitse tehd\u00e4 t\u00e4t\u00e4 teemassasi.<\/p>\nLohkokuviot ja lohkokuvioluokat sis\u00e4ltyv\u00e4t WordPress 5.5:een<\/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>’ – huomautus ei """ lopussa)<\/li>\ntext<\/code>’)<\/li>\n<\/ul>\nPeruutetaan lohkokuvioiden rekister\u00f6inti\u00e4<\/h2>\n
[unregister_block_pattern](https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/#unregister_block_pattern)()<\/code>. Anna vain merkkijono, jossa on lohkokuvio, jonka haluat poistaa parametriksi. Katso ydinlohkokuviot yll\u00e4 olevasta yleiskatsauksesta. Suorita t\u00e4m\u00e4 toiminto toimintoon kytketyn toiminnon sis\u00e4ll\u00e4 init<\/code>.<\/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>\nLohkokuvioiden rekister\u00f6inti<\/h2>\n
[register_block_pattern](https:\/\/developer.wordpress.org\/block-editor\/developers\/block-api\/block-patterns\/#register_block_pattern)()<\/code>. Se hyv\u00e4ksyy kaksi parametria; ensimm\u00e4inen on merkkijono, jolla on yksil\u00f6llinen nimi kuviollesi, mukaan lukien nimiavaruus. Toinen on joukko asetuksia lohkokuviollesi.<\/p>\nn<\/code>ja varmista, ett\u00e4 k\u00e4yt\u00e4t lainausmerkkej\u00e4 oikein.<\/p>\n