{"id":228328,"date":"2022-10-16T13:16:00","date_gmt":"2022-10-16T10:16:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228328"},"modified":"2022-11-09T01:53:46","modified_gmt":"2022-11-08T22:53:46","slug":"ploki-mustri-registreerimine-wordpressi-plokiredaktoris-gutenberg","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/ploki-mustri-registreerimine-wordpressi-plokiredaktoris-gutenberg\/","title":{"rendered":"Ploki mustri registreerimine WordPressi plokiredaktoris (Gutenberg)"},"content":{"rendered":"\n<p>Plokimustrid WordPressi plokiredaktoris (Gutenberg) on \u200b\u200bv\u00f5imas funktsioon, mis v\u00f5imaldab teil v\u00e4ga v\u00e4hese vaevaga luua erinevaid paigutusi.<\/p>\n<p>Kasutades <code>register_block_pattern<\/code>saate v\u00e4ga kiiresti luua endale v\u00f5i oma klientidele ploki mustri.<\/p>\n<h2>Eeldused<\/h2>\n<ul>\n<li>WordPressi installimine<\/li>\n<li>Koodiredaktor<\/li>\n<\/ul>\n<h2>Looge oma ploki muster<\/h2>\n<p>Loote oma saidil registreeritud plokkidest plokimustrid. Need v\u00f5ivad olla p\u00f5hiplokid v\u00f5i suvaline arv kolmanda osapoole v\u00f5i kohandatud plokke.<\/p>\n<p>Alustuseks kasutage plokipaigutuse loomiseks WordPressi redaktorit. Saate kasutada seadeid, et muuta see nii keeruliseks v\u00f5i lihtsaks, kui soovite.<\/p>\n<p>Selles n\u00e4ites j\u00e4tame selle lihtsaks ja loome lihtsalt plokimustri, mis koosneb j\u00e4rgmistest struktuuridest:<\/p>\n<ul>\n<li>Grupiplokk\n<ul>\n<li>Pealkiri<\/li>\n<li>L\u00f5ik<\/li>\n<li>Veerud\n<ul>\n<li>1 veerg\n<ul>\n<li>Pealkiri<\/li>\n<li>L\u00f5ik<\/li>\n<\/ul>\n<\/li>\n<li>2 veerg\n<ul>\n<li>Pealkiri<\/li>\n<li>L\u00f5ik<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Kui olete oma plokimustri koostanud, kopeerige lihtsalt teie jaoks loodud kood.<\/p>\n<p>Kopeerige blokeerimismustri kood<\/p>\n<p>Selleks minge redaktori paremas \u00fclanurgas kolmele punktile (sildiga Valikud) ja valige &quot;Koodiredaktor&quot;. See n\u00e4itab \u00e4sja loodud plokimustri taga olevat HTML-i.<\/p>\n<p>Kopeerige see kood oma l\u00f5ikepuhvrisse.<\/p>\n<h2>Registreerige ploki muster<\/h2>\n<p>Kleepige see plokiredaktori kood oma koodiredaktorisse. Kui te pole kindel, kus, v\u00f5ite kasutada <code>functions.php<\/code>oma teemat.<\/p>\n<p>Sisestage see kindlasti muutujasse, pannes <code>'<\/code>kleebitud teksti \u00fcmber jutum\u00e4rgid (), n\u00e4iteks j\u00e4rgmiselt:<\/p>\n<pre><code>$block_pattern_content = '\n&lt;div class=\"wp-block-group\"&gt;&lt;div class=\"wp-block-group__inner-container\"&gt;\n&lt;h2&gt;Example Block Pattern&lt;\/h2&gt;\n\n&lt;p&gt;Lorem ipsum dolor sit amet labore cras venenatis.&lt;\/p&gt;\n\n&lt;div class=\"wp-block-columns\"&gt;\n&lt;div class=\"wp-block-column\"&gt;\n&lt;h3&gt;Sub Heading 1&lt;\/h3&gt;\n\n&lt;p&gt;Lorem ipsum dolor sit amet id erat aliquet diam ullamcorper tempus massa eleifend vivamus.&lt;\/p&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"wp-block-column\"&gt;\n&lt;h3&gt;Sub Heading 2&lt;\/h3&gt;\n\n&lt;p&gt;Morbi augue cursus quam pulvinar eget volutpat suspendisse dictumst mattis id.&lt;\/p&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;&lt;\/div&gt;\n';\n<\/code><\/pre>\n<p>S\u00f5ltuvalt ploki mustri keerukusest v\u00f5ib tekkida vajadus m\u00e4rkide eest p\u00f5geneda.<\/p>\n<p>J\u00e4rgmisena peame selle \u00fcle kandma <code>register_block_pattern<\/code>funktsiooni:<\/p>\n<pre><code>register_block_pattern(\n    'wholesomecode\/example-block-pattern',\n    [\n        'categories'    =&gt; [\n            'text',\n        ],\n        'content'       =&gt; $block_pattern_content,\n        'description'   =&gt; 'An example block pattern',\n        'keywords'      =&gt; 'example',\n        'title'         =&gt; 'Example Block Pattern',\n        'viewportWidth' =&gt; 800,\n    ],\n);\n<\/code><\/pre>\n<p>See on k\u00f5ik, ploki muster on registreeritud.<\/p>\n<h3>Lagunemine<code>register_block_pattern<\/code><\/h3>\n<ul>\n<li><strong>Nimeruum<\/strong> \u2014 (<code>wholesomecode\/example-block-pattern<\/code>) on plokimustri nimeruum. Veenduge, et see oleks teie ploki mustrile ainulaadne. Kui meil on kunagi vaja plokimustri registreerimine t\u00fchistada, vajame seda stringi.<\/li>\n<li><strong>Kategooriad<\/strong> \u2013 see on plokimustri kategooria, milles plokimuster kuvatakse, kui sisestame oma plokimustri. Saame <a href=\"https:\/\/wholesomecode.ltd\/#custom-block-pattern-category\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lisada ka oma kategooriaid<\/a>.<\/li>\n<li><strong>Sisu<\/strong> \u2013 see on HTML, mis genereerib plokimustri. See n\u00e4ide kasutab muutujat, mille l\u00f5ime redaktorist.<\/li>\n<li><strong>Kirjeldus<\/strong> \u2013 ploki mustri kirjeldus.<\/li>\n<li><strong>M\u00e4rks\u00f5nad<\/strong> \u2013 M\u00e4rks\u00f5nad, mida saab kasutada plokimustri otsimiseks.<\/li>\n<li><strong>Pealkiri<\/strong> \u2013 ploki mustri pealkiri.<\/li>\n<li><strong>Vaateava laius<\/strong> \u2013 ploki mustri vaateava, mida kasutatakse eelvaateala jaoks.<\/li>\n<\/ul>\n<h2>Sisestage ploki muster<\/h2>\n<p>Plokimustri sisestamiseks kasutage lihtsalt redaktori vasakus \u00fclanurgas olevat plussm\u00e4rki ja valige plokimustrid.<\/p>\n<p>Valige kategooria, kuhu mustri registreerisite, ja see peaks ilmuma.<\/p>\n<p>Ploki mustri sisestamine<\/p>\n<p>Teise v\u00f5imalusena saate otsida registreeritud m\u00e4rks\u00f5nade j\u00e4rgi.<\/p>\n<p>Plokikategooria registreerimiseks kasutage lihtsalt <code>register_block_pattern_category<\/code>funktsiooni.<\/p>\n<pre><code>register_block_pattern_category(\n    'my-client',\n    [\n        'label' =&gt; esc_html__( 'My Client Patterns', 'wholesome-plugin' ),\n    ]\n);\n<\/code><\/pre>\n<p>Seej\u00e4rel saate kasutada \u00e4sja registreeritud kategooriat oma plokimustri koodis, n\u00e4iteks:<\/p>\n<pre><code>register_block_pattern(\n    'wholesomecode\/example-block-pattern',\n    [\n        'categories'    =&gt; [\n            'my-client',\n        ],\n        'content'       =&gt; $block_pattern_content,\n        'description'   =&gt; 'An example block pattern',\n        'keywords'      =&gt; 'example',\n        'title'         =&gt; 'Example Block Pattern',\n        'viewportWidth' =&gt; 800,\n    ],\n);\n<\/code><\/pre>\n<p>N\u00fc\u00fcd, kui leiate oma plokimustri, asub see teie kohandatud kategoorias:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-168978-61e7f9e9b9076.png\" alt=\"Ploki mustri registreerimine WordPressi plokiredaktoris (Gutenberg)\" \/>Kohandatud ploki mustri kategooria<\/p>\n<p>N\u00fc\u00fcd saate r\u00fchmitada k\u00f5ik kohandatud plokimustrid, mille olete just oma kliendi jaoks teinud, \u00fchte kohta.<\/p>\n<ul>\n<li>Kas vajate midagi staatilisemat? Proovige selle asemel <a href=\"https:\/\/wholesomecode.ltd\/guides\/register-block-template-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">registreerida blokeerimismall<\/a><\/li>\n<li>Kas vajate midagi, mis kehtiks lapseplokkide kohta? Proovige <a href=\"https:\/\/wholesomecode.ltd\/guides\/template-innerblocks-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">registreerida InnerBlocksi mall<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wholesomecode.ltd\" class=\"external external_icon\">wholesomecode.ltd<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Plokimustrid WordPressi plokiredaktoris (Gutenberg) on \u200b\u200bv\u00f5imas funktsioon, mis v\u00f5imaldab teil v\u00e4ga v\u00e4hese vaevaga luua mitmekesiseid paigutusi. Funktsiooni register_block_pattern abil saate&#8230;<\/p>\n","protected":false},"author":1,"featured_media":220451,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,937,894,802,812,863],"tags":[1165],"class_list":["post-228328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-gutenberg-4","category-kood","category-php-4","category-pistikprogrammid","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/228328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=228328"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/228328\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/220451"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=228328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=228328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=228328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}