register_block_pattern<\/code>voit luoda nopeasti lohkokuvion sinulle tai asiakkaillesi.<\/p>\nEdellytykset<\/h2>\n\n- WordPressin asennus<\/li>\n
- Koodieditori<\/li>\n<\/ul>\n
Luo lohkokuviosi<\/h2>\n
Rakennat lohkokuvioita sivustollesi rekister\u00f6imist\u00e4si lohkoista. N\u00e4m\u00e4 voivat olla ydinlohkoja tai mik\u00e4 tahansa m\u00e4\u00e4r\u00e4 kolmannen osapuolen tai mukautettuja lohkoja.<\/p>\n
Aloita luomalla lohkoasettelu WordPress-editorilla. Asetusten avulla voit tehd\u00e4 siit\u00e4 niin monimutkaisen tai yksinkertaisen kuin haluat.<\/p>\n
T\u00e4ss\u00e4 esimerkiss\u00e4 pid\u00e4mme sen yksinkertaisena ja luomme yksinkertaisesti lohkokuvion, joka rakentuu seuraavasti:<\/p>\n
\n- Ryhm\u00e4n esto\n
\n- Otsikko<\/li>\n
- Kohta<\/li>\n
- Sarakkeet\n
\n- Sarake 1\n
\n- Otsikko<\/li>\n
- Kohta<\/li>\n<\/ul>\n<\/li>\n
- Sarake 2\n
\n- Otsikko<\/li>\n
- Kohta<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Kun olet rakentanut lohkokuvion, kopioi vain sinulle luotu koodi.<\/p>\n
Kopioi lohkomallikoodi<\/p>\n
Voit tehd\u00e4 t\u00e4m\u00e4n siirtym\u00e4ll\u00e4 kolmeen pisteeseen editorin oikeassa yl\u00e4kulmassa (merkitty Asetukset) ja valitsemalla "Koodieditori". T\u00e4m\u00e4 n\u00e4ytt\u00e4\u00e4 HTML-koodin juuri luomasi lohkomallin takana.<\/p>\n
Kopioi t\u00e4m\u00e4 koodi leikep\u00f6yd\u00e4llesi.<\/p>\n
Rekister\u00f6i lohkokuvio<\/h2>\n
Liit\u00e4 t\u00e4m\u00e4 lohkoeditorin koodi koodieditoriin. Jos et ole varma miss\u00e4, voit k\u00e4ytt\u00e4\u00e4 functions.php<\/code>teemasi.<\/p>\nVarmista, ett\u00e4 v\u00e4lit\u00e4t sen muuttujaksi laittamalla yksitt\u00e4isi\u00e4 lainausmerkkej\u00e4 ('<\/code>) liitetyn tekstin ymp\u00e4rille, kuten n\u00e4in:<\/p>\n$block_pattern_content = '\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<h2>Example Block Pattern<\/h2>\n\n<p>Lorem ipsum dolor sit amet labore cras venenatis.<\/p>\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<h3>Sub Heading 1<\/h3>\n\n<p>Lorem ipsum dolor sit amet id erat aliquet diam ullamcorper tempus massa eleifend vivamus.<\/p>\n<\/div>\n\n<div class=\"wp-block-column\">\n<h3>Sub Heading 2<\/h3>\n\n<p>Morbi augue cursus quam pulvinar eget volutpat suspendisse dictumst mattis id.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n';\n<\/code><\/pre>\nSaatat joutua pakottamaan merkkej\u00e4 lohkokuvion monimutkaisuudesta riippuen.<\/p>\n
Seuraavaksi meid\u00e4n on siirrett\u00e4v\u00e4 t\u00e4m\u00e4 register_block_pattern<\/code>funktioon:<\/p>\nregister_block_pattern(\n 'wholesomecode\/example-block-pattern',\n [\n 'categories' => [\n 'text',\n ],\n 'content' => $block_pattern_content,\n 'description' => 'An example block pattern',\n 'keywords' => 'example',\n 'title' => 'Example Block Pattern',\n 'viewportWidth' => 800,\n ],\n);\n<\/code><\/pre>\nSiin\u00e4 kaikki, lohkokuvio on rekister\u00f6ity.<\/p>\n
Hajoaminenregister_block_pattern<\/code><\/h3>\n\n- Nimiavaruus<\/strong> \u2014 (
wholesomecode\/example-block-pattern<\/code>) on lohkokuvion nimiavaruus. Varmista, ett\u00e4 t\u00e4m\u00e4 on ainutlaatuinen lohkokuviollesi. Jos joudumme joskus poistamaan lohkokuvion rekister\u00f6innin, tarvitsemme t\u00e4m\u00e4n merkkijonon.<\/li>\n- Kategoriat<\/strong> \u2014 T\u00e4m\u00e4 on lohkokuvioluokka, jossa lohkokuvio n\u00e4kyy, kun lis\u00e4\u00e4mme lohkokuviomme. Voimme my\u00f6s lis\u00e4t\u00e4 omia luokkiamme<\/a>.<\/li>\n
- Sis\u00e4lt\u00f6<\/strong> \u2013 T\u00e4m\u00e4 on HTML-koodi, joka luo lohkokuvion. T\u00e4m\u00e4 esimerkki k\u00e4ytt\u00e4\u00e4 muuttujaa, jonka loimme editorista.<\/li>\n
- Kuvaus<\/strong> \u2014 Kuvaus lohkokuviosta.<\/li>\n
- Avainsanat<\/strong> \u2014 Avainsanat, joita voidaan k\u00e4ytt\u00e4\u00e4 lohkomallin etsimiseen.<\/li>\n
- Otsikko<\/strong> \u2014 lohkokuvion otsikko.<\/li>\n
- N\u00e4kym\u00e4portin leveys<\/strong> \u2014 Esikatselualueella k\u00e4ytett\u00e4v\u00e4 lohkokuvion n\u00e4kym\u00e4.<\/li>\n<\/ul>\n
Lis\u00e4\u00e4 lohkokuvio<\/h2>\n
Lis\u00e4\u00e4 lohkokuvio k\u00e4ytt\u00e4m\u00e4ll\u00e4 editorin vasemmassa yl\u00e4kulmassa olevaa plusmerkki\u00e4 ja valitsemalla lohkokuviot.<\/p>\n
Valitse luokka, johon rekister\u00f6it kuviosi, ja sen pit\u00e4isi tulla n\u00e4kyviin.<\/p>\n
Lohkokuvion lis\u00e4\u00e4minen<\/p>\n
Vaihtoehtoisesti voit hakea rekister\u00f6im\u00e4ll\u00e4si avainsanalla.<\/p>\n
Voit rekister\u00f6id\u00e4 lohkoluokan k\u00e4ytt\u00e4m\u00e4ll\u00e4 register_block_pattern_category<\/code>toimintoa.<\/p>\nregister_block_pattern_category(\n 'my-client',\n [\n 'label' => esc_html__( 'My Client Patterns', 'wholesome-plugin' ),\n ]\n);\n<\/code><\/pre>\nSitten voit k\u00e4ytt\u00e4\u00e4 juuri rekister\u00f6im\u00e4\u00e4si luokkaa lohkomallikoodissasi, kuten:<\/p>\n
register_block_pattern(\n 'wholesomecode\/example-block-pattern',\n [\n 'categories' => [\n 'my-client',\n ],\n 'content' => $block_pattern_content,\n 'description' => 'An example block pattern',\n 'keywords' => 'example',\n 'title' => 'Example Block Pattern',\n 'viewportWidth' => 800,\n ],\n);\n<\/code><\/pre>\nNyt kun tulet l\u00f6yt\u00e4m\u00e4\u00e4n lohkokuviosi, se sijaitsee mukautetussa kategoriassasi:<\/p>\n
![\"Rekister\u00f6i](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-168978-61e7f9e9b9076.png\")
Mukautettu lohkokuvioluokka<\/p>\n
Nyt voit ryhmitell\u00e4 kaikki asiakkaallesi juuri tekem\u00e4si mukautetut lohkomallit yhteen paikkaan.<\/p>\n