{"id":233408,"date":"2023-02-13T10:41:00","date_gmt":"2023-02-13T07:41:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233408"},"modified":"2022-11-10T23:32:03","modified_gmt":"2022-11-10T20:32:03","slug":"kuidas-lisada-postituse-metavaelju-gutenbergi-dokumendi-kuelgribale","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kuidas-lisada-postituse-metavaelju-gutenbergi-dokumendi-kuelgribale\/","title":{"rendered":"Kuidas lisada postituse metav\u00e4lju Gutenbergi dokumendi k\u00fclgribale"},"content":{"rendered":"\n<p>Selles postituses vaatleme, kuidas lisada vahekaardil \u201eDokument&quot; Gutenbergi k\u00fclgribale kohandatud postituse meta s\u00e4tteid, selle asemel, et toetuda metakastide lisamisele traditsioonilisel (ja ausalt \u00f6eldes palju k\u00e4sitsi) viisil.<\/p>\n<p>Kui olete WordPressiga t\u00f6\u00f6tanud m\u00f5nda aega enne, kui Gutenbergi asja sai, olete ilmselt tuttav kohandatud postituse meta lisamisega rakendusega <code>[add_meta_box](https:\/\/developer.wordpress.org\/reference\/functions\/add_meta_box\/)()<\/code>. See funktsioon v\u00f5imaldab teil postituse redigeerimisel lisada oma kohandatud sisuga metakasti kas alla v\u00f5i k\u00fcljele. See meetod t\u00f6\u00f6tab siiani, ka Gutenbergi toimetuses!<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51080f2022.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51080f2022.png\" alt=\"Kuidas lisada postituse metav\u00e4lju Gutenbergi dokumendi k\u00fclgribale\" ><\/a><\/p>\n<p>V\u00f5rreldes \u00fclej\u00e4\u00e4nud Gutenbergi k\u00fclgriba sisuga, n\u00e4eb see aga pisut v\u00e4lja. Ja r\u00e4\u00e4kimata sellest, peate sisestama sisestuskoodi k\u00e4sitsi (m\u00e4rkeruut, tekstisisestus jne) PHP-ga ja kirjutama ka lisakoodi, et need postituse v\u00e4rskendamisel salvestada. Ja kui soovite, et teie postituse metaseaded oleksid d\u00fcnaamilised (\u00fctleme, et soovite v\u00e4lja peita, kui m\u00f5ni muu v\u00e4li pole sisse l\u00fclitatud), peaksite skripti k\u00e4sitsi j\u00e4rjekorda panema ja jah, arvasite \u00e4ra, d\u00fcnaamilist loogikat k\u00e4sitsi k\u00e4sitlema peitmisest ja n\u00e4itamisest. See k\u00f5ik on n\u00fc\u00fcdseks aegunud ja uue Javascripti-p\u00f5hise Gutenberg-redaktoriga lihtsamaks tehtud. Me saame \u00fcsna lihtsalt teha midagi sellist:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51081c74ff.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51081c74ff.png\" alt=\"Kuidas lisada postituse metav\u00e4lju Gutenbergi dokumendi k\u00fclgribale\" ><\/a><\/p>\n<h2>Protsess<\/h2>\n<p>Protsess on j\u00e4rgmine:<\/p>\n<ul>\n<li>Registreerime iga kohandatud postituse metav\u00f5tme, mille tahame PHP-s lisada, kasutades <code>[register_post_meta](https:\/\/developer.wordpress.org\/reference\/functions\/register_post_meta\/)()<\/code>, ja m\u00e4\u00e4rame selle WP REST API-s saadaolevaks. See on vajalik samm postituse meta k\u00e4ttesaadavaks tegemiseks Gutenbergi redaktoris.<\/li>\n<li>Loome Javascripti faili ja paneme selle spetsiaalselt redaktorisse j\u00e4rjekorda (ainult).<\/li>\n<li>Javascripti faili sees registreerime pistikprogrammi, <code>[registerPlugin](https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-plugins\/#registerPlugin)()<\/code>k\u00e4ske tal meie komponent renderdada.<\/li>\n<li>Selle komponendi sees saame v\u00e4ljastada k\u00f5ike, mida vajame. Saame kasutada WordPressi sisseehitatud komponente erinevat t\u00fc\u00fcpi seadete h\u00f5lpsaks renderdamiseks. Ja WordPressi andmepaketti kasutades saame postituse metav\u00e4\u00e4rtusi kohe p\u00e4rast nende muutumist tuua ja v\u00e4rskendada.<\/li>\n<\/ul>\n<p>L\u00e4heme otse selle juurde, alustades PHP osast; postituse meta registreerimine.<\/p>\n<h2>Postituse meta registreerimine<\/h2>\n<p>Iga postituse meta jaoks, mille soovite Gutenbergi k\u00fclgribale lisada, peate registreeruma, kasutades <code>[register_post_meta](https:\/\/developer.wordpress.org\/reference\/functions\/register_post_meta\/)()<\/code>. See on vajalik, et muuta need k\u00e4ttesaadavaks WP REST API kaudu (mida Gutenberg kasutab) ja seega meie Javascriptis.<\/p>\n<p>Lisage oma teema <code>functions.php<\/code>faili v\u00f5i m\u00f5nesse muusse aktiivsesse PHP-faili funktsioon, mis on konksuga konksuga &quot; <code>init<\/code>&quot;. Funktsiooni sees kordate <code>register_post_meta()<\/code>iga kohandatud postituse meta jaoks, mida soovite lisada. Funktsioonil on kolm argumenti; esimene parameeter on postituse t\u00fc\u00fcp, mille jaoks soovite meta registreerida (m\u00e4\u00e4rata k\u00f5igi postitust\u00fc\u00fcpide jaoks t\u00fchjaks stringiks). Teine parameeter on teie meta v\u00f5tmenimi. Ja kolmas on seadete hulk. Siin me m\u00e4\u00e4ratleme, et see meta peaks olema WP REST API-s juurdep\u00e4\u00e4setav, m\u00e4\u00e4rates &quot; <code>show_in_rest<\/code>&quot; v\u00e4\u00e4rtuseks T\u00f5ene.<\/p>\n<p>Oletame n\u00e4iteks, et tahan lisada redaktori k\u00fclgribale sisse\/v\u00e4lja l\u00fcliti ja tekstisisestuse. See t\u00e4hendab, et ma kutsun <code>register_post_meta()<\/code>vastavalt t\u00f5ev\u00e4\u00e4rtuse ja stringi v\u00e4\u00e4rtuse t\u00fc\u00fcbi. Samuti tahan piirata nende postituste metad ainult postituse t\u00fc\u00fcbiga &quot;postitus&quot;. See n\u00e4eks v\u00e4lja umbes selline:<\/p>\n<pre><code>add_action( 'init', function() {\n    register_post_meta( 'post', '_my_custom_bool', [\n        'show_in_rest' =&gt; true,\n        'single' =&gt; true,\n        'type' =&gt; 'boolean',\n    ] );\n\u00a0\n    register_post_meta( 'post', '_my_custom_text', [\n        'show_in_rest' =&gt; true,\n        'single' =&gt; true,\n        'type' =&gt; 'string',\n    ] );\n} );<\/code><\/pre>\n<p>N\u00fc\u00fcd on mul postituse metav\u00f5ti <code>_my_custom_bool<\/code>ja see on <code>_my_custom_text<\/code>valmis ja saadaval Gutenbergis. Soovitan need \u00fcmber nimetada millekski, mis on teie jaoks m\u00f5istlik.<\/p>\n<h2>Meie Javascripti pistikprogrammi registreerimine<\/h2>\n<p>J\u00e4rgmise sammuna lisame Javascripti faili ja lisame selle kindlasti PHP-ga j\u00e4rjekorda.<\/p>\n<p>Pidage meeles, et kirjutan Javascripti koodi ES6 s\u00fcntaksis. See t\u00e4hendab, et olen seadistanud veebipaketi\/Babeli konfiguratsiooni, et kompileerida fail brauseri jaoks eraldi loetavaks Javascript-failiks.<\/p>\n<p>Mul on juhend selle seadistamiseks, kui te pole kindel, kuidas see toimib:<\/p>\n<p>Peame veenduma, et WordPress laadib meie skripti redaktorisse. Teeme seda, \u00fchendades funktsiooni <code>enqueue_block_editor_assets<\/code>ja helistades <code>[wp_enqueue_script](https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_script\/)()<\/code>:<\/p>\n<pre><code>add_action( 'enqueue_block_editor_assets', function() {\n    wp_enqueue_script(\n        'awp-custom-meta-plugin', \n        get_template_directory_uri(). '\/assets\/js\/gutenberg\/plugin-awp-custom-postmeta.js', \n        [ 'wp-edit-post' ],\n        false,\n        false\n    );\n} );<\/code><\/pre>\n<p>Eeldan, et olete tuttav skriptide j\u00e4rjekorda seadmisega ja oskate v\u00e4\u00e4rtused enda omadega asendada. Teise parameetrina esitan ehitusfaili (mitte l\u00e4htefaili) tee. Tagamaks, et meie skripti ei laaditaks liiga vara, m\u00e4\u00e4rasin <code>wp-edit-post<\/code>s\u00f5ltuvuseks &quot; &quot;. See on pakett, mida peame postmeta k\u00e4sitlema.<\/p>\n<p>Liigume n\u00fc\u00fcd Javascripti osa juurde.<\/p>\n<p>K\u00f5igepealt peame kutsuma <code>[registerPlugin](https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-plugins\/#registerPlugin)()<\/code>ja edastama oma komponendi paneeli renderdamiseks Gutenbergi dokumendi k\u00fclgribal. See funktsioon on <code>wp.plugins<\/code>pakendis saadaval, nii et ma h\u00e4vitan selle \u00fclaosas. Mulle meeldib oma faile korras hoida, seega loon uue faili; \u201eawp-custom-postmeta-fields.js&#8221;, et sisaldada renderdatud komponenti ja importida see.<\/p>\n<pre><code>const { registerPlugin } = wp.plugins;\n\u00a0\nimport AWP_Custom_Plugin from '.\/awp-custom-postmeta-fields';\n\u00a0\nregisterPlugin( 'my-custom-postmeta-plugin', {\n    render() {\n        return(&lt;AWP_Custom_Plugin \/&gt;);\n    }\n} );<\/code><\/pre>\n<h2>Meie komponendi kirjutamine<\/h2>\n<p>Alustame p\u00f5hikomponendi loomist, mis ei tee muud, kui lihtsalt istub \u00f5iges kohas, nii et me eemaldame selle k\u00f5igepealt. Gutenbergi dokumendi k\u00fclgribal oleva komponendi renderdamiseks kasutame <code>[PluginDocumentSettingPanel](https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/slotfills\/plugin-document-setting-panel\/)<\/code>komponenti. Saame m\u00e4\u00e4rata atribuute nagu <code>title<\/code>, <code>icon<\/code>ja <code>className<\/code>. Ja k\u00f5ik sees olev renderdatakse dokumendi k\u00fclgribal. Praegu avaldan lihtsalt teksti &quot;Tere!&quot;<\/p>\n<pre><code>const { __ } = wp.i18n;\nconst { PluginDocumentSettingPanel } = wp.editPost;\nconst { PanelRow } = wp.components;\n\u00a0\nconst AWP_Custom_Plugin =() =&gt; {\n    return(\n        &lt;PluginDocumentSettingPanel title={ __( 'My Custom Post meta', 'txtdomain') } initialOpen=\"true\"&gt;\n            &lt;PanelRow&gt;\n                Hello there.\n            &lt;\/PanelRow&gt;\n        &lt;\/PluginDocumentSettingPanel&gt;\n    );\n}\n\u00a0\nexport default AWP_Custom_Plugin;<\/code><\/pre>\n<p>\u00dclaltoodud koodiga (koostatud) saame j\u00e4rgmise:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e510828c932.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e510828c932.png\" alt=\"Kuidas lisada postituse metav\u00e4lju Gutenbergi dokumendi k\u00fclgribale\" ><\/a><\/p>\n<p>Vinge. Siiski tahame lisada m\u00f5ned sisendid. Kuid selleks, et \u00fchendada need sisendid meie kohandatud postituse metaga, peame oma komponendi koostama k\u00f5rgema j\u00e4rgu komponentidest <code>withSelect<\/code>(postituse meta v\u00e4\u00e4rtuste toomiseks) ja <code>withDispatch<\/code>(postituse meta v\u00e4\u00e4rtuste v\u00e4rskendamiseks). See v\u00f5ib tunduda pisut keeruline, kui te pole varem k\u00f5rgema j\u00e4rgu komponentidega t\u00f6\u00f6tanud, kuid kui olete selle \u00fcmber keeranud, on see \u00fcsna lihtne.<\/p>\n<p>K\u00f5igepealt peame oma <code>export<\/code>avaldust muutma. Selle asemel, et ainult oma komponenti tagastada, peame selle koostama koos <code>withSelect<\/code>ja <code>withDispatch<\/code>, m\u00f5lemad <code>wp.data<\/code>pakendis.<\/p>\n<p>Sees <code>withSelect()<\/code>on meil juurdep\u00e4\u00e4s v\u00f5imsale <code>select()<\/code>funktsioonile. Kasutades <code>select()<\/code>saame tuua praeguse postituse metav\u00e4\u00e4rtused. Soovi korral v\u00f5ime tuua ka praeguse postituse t\u00fc\u00fcbi. Nagu ma varem postituse meta registreerimisel mainisin, saame postituse metad piirata konkreetse postituse t\u00fc\u00fcbiga. Kui hankime praeguse postituse postituse t\u00fc\u00fcbi, saame oma komponendis tagada, et renderdame oma koodi ainult siis, kui oleme \u00f5iges postituse t\u00fc\u00fcbis. Sellest l\u00e4hemalt hiljem.<\/p>\n<p>Siin <code>withDispatch()<\/code>saame m\u00e4\u00e4ratleda funktsioone, mida saame oma komponendis k\u00e4ivitada. Teeme funktsiooni, mida kasutatakse <code>dispatch()<\/code>postituse meta v\u00e4rskendamiseks.<\/p>\n<p>Muudame <code>export<\/code>avalduse j\u00e4rgmiseks:<\/p>\n<pre><code>export default compose( [\n    withSelect( (select) =&gt; {     \n        return {\n            postMeta: select( 'core\/editor' ).getEditedPostAttribute( 'meta' ),\n            postType: select( 'core\/editor' ).getCurrentPostType(),\n        };\n    } ),\n    withDispatch( (dispatch) =&gt; {\n        return {\n            setPostMeta( newMeta) {\n                dispatch( 'core\/editor' ).editPost( { meta: newMeta } );\n            }\n        };\n    }) ] )( AWP_Custom_Plugin );<\/code><\/pre>\n<p>Samuti peame need faili \u00fclaosas j\u00e4rgmistest pakettidest h\u00e4vitama:<\/p>\n<pre><code>const { compose } = wp.compose;\nconst { withSelect, withDispatch } = wp.data;<\/code><\/pre>\n<p>Sellega on meie <code>AWP_Custom_Plugin<\/code>komponendil juurdep\u00e4\u00e4s kolmele uuele rekvisiidile; <code>postMeta<\/code>mis sisaldab k\u00f5iki praeguse postituse postituse metav\u00e4\u00e4rtusi; <code>postType<\/code>mis sisaldab praeguse postituse postituse t\u00fc\u00fcpi; ja l\u00f5puks <code>setPostMeta()<\/code>meie loodud funktsioon, <code>withDispatch()<\/code>mis v\u00e4rskendab postituse meta.<\/p>\n<p>Nii et meie komponendi m\u00e4\u00e4ratluses saame need kolm uut rekvisiiti h\u00e4vitada;<\/p>\n<pre><code>const AWP_Custom_Plugin = ({ postType, postMeta, setPostMeta }) =&gt; {\n...<\/code><\/pre>\n<p>Ja n\u00fc\u00fcd saame lisada oma renderdusse m\u00f5ned sisendid, tagades, et need kuvavad praegust v\u00e4\u00e4rtust ja v\u00e4rskendavad muutuse s\u00fcndmuses postituse metat. Registreerisin t\u00f5ev\u00e4\u00e4rtuse ja stringi, nii et n\u00e4itena lisan <code>ToggleControl<\/code>l\u00fcliti ja lihtsa <code>TextControl<\/code>tekstisisestuse jaoks.<\/p>\n<p>Kui te pole WordPressi sisseehitatud komponentides kindel, on mul t\u00e4iesti tasuta e-raamat, mis h\u00f5lmab enamikku Gutenbergis saadaolevatest komponentidest \u2013 sealhulgas seda, milliseid rekvisiite saame iga\u00fche jaoks seadistada.<\/p>\n<p>Siin on n\u00e4ide selle kohta, kuidas meie komponent v\u00e4lja n\u00e4eb:<\/p>\n<pre><code>const { ToggleControl, TextControl, PanelRow } = wp.components;\n\u00a0\nconst AWP_Custom_Plugin = ({ postType, postMeta, setPostMeta }) =&gt; {\n    return(\n        &lt;PluginDocumentSettingPanel title={ __( 'My Custom Post meta', 'txtdomain') } icon=\"edit\" initialOpen=\"true\"&gt;\n            &lt;PanelRow&gt;\n                &lt;ToggleControl\n                    label={ __( 'You can toggle me on or off', 'txtdomain') }\n                    onChange={ (value) =&gt; setPostMeta( { _my_custom_bool: value }) }\n                    checked={ postMeta._my_custom_bool }\n                \/&gt;\n            &lt;\/PanelRow&gt;\n            &lt;PanelRow&gt;\n                &lt;TextControl\n                    label={ __( 'Write some text, if you like', 'txtdomain') }\n                    value={ postMeta._my_custom_text }\n                    onChange={ (value) =&gt; setPostMeta( { _my_custom_text: value }) }\n                \/&gt;\n            &lt;\/PanelRow&gt;\n        &lt;\/PluginDocumentSettingPanel&gt;\n    );\n}<\/code><\/pre>\n<p>Joone juures <code>#9-10<\/code>ja <code>#16-17<\/code>leiame kriitilised osad. Seadistame sisendite praeguseks v\u00e4\u00e4rtuseks <code>postMeta.&lt;your meta key here&gt;<\/code>ja nende s\u00fcndmuses onChange k\u00e4ivitame funktsiooni <code>setPostMeta( { &lt;your meta key here&gt;: ... } )<\/code>uuele v\u00e4rskendatud v\u00e4\u00e4rtusele.<\/p>\n<p>L\u00f5puks paar s\u00f5na selle kohta, kuidas piirata oma komponenti konkreetse postituse t\u00fc\u00fcbiga. Me <code>withSelect()<\/code>edastame praeguse postituse postituse t\u00fc\u00fcbi rekvisiidis <code>postType<\/code>. K\u00f5ik, mida peame oma komponendis tegema, on v\u00f5rrelda seda v\u00e4\u00e4rtust postituse t\u00fc\u00fcbiga ja tagastada null, kui see ei \u00fchti:<\/p>\n<pre><code>const AWP_Custom_Plugin = ({ postType, postMeta, setPostMeta }) =&gt; {  \n    if ('post' !== postType) return null;  \/\/ Will only render component for post type 'post'\n\u00a0\n    return(\n    ...<\/code><\/pre>\n<p>Ja see ongi k\u00f5ik! Meie kood peaks n\u00fc\u00fcd t\u00f6\u00f6tama. L\u00f5pptulemus peaks olema midagi sellist:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51081c74ff.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153559-61e51081c74ff.png\" alt=\"Kuidas lisada postituse metav\u00e4lju Gutenbergi dokumendi k\u00fclgribale\" ><\/a><\/p>\n<h2>L\u00f5plik kood<\/h2>\n<p>Postituse meta registreerimine ja Javascripti faili j\u00e4rjekorda seadmine:<\/p>\n<pre><code>add_action( 'init', function() {\n    register_post_meta( 'post', '_my_custom_bool', [\n        'show_in_rest' =&gt; true,\n        'single' =&gt; true,\n        'type' =&gt; 'boolean',\n    ] );\n\u00a0\n    register_post_meta( 'post', '_my_custom_text', [\n        'show_in_rest' =&gt; true,\n        'single' =&gt; true,\n        'type' =&gt; 'string',\n    ] );\n} );\n\u00a0\nadd_action( 'enqueue_block_editor_assets', function() {\n    wp_enqueue_script(\n        'awp-custom-meta-plugin', \n        get_template_directory_uri(). '\/assets\/js\/gutenberg\/plugin-awp-custom-postmeta.js', \n        [ 'wp-edit-post' ],\n        false,\n        false\n    );\n} );<\/code><\/pre>\n<p>Kaks Javascripti faili:<\/p>\n<pre><code>const { registerPlugin } = wp.plugins;\n\u00a0\nimport AWP_Custom_Plugin from '.\/awp-custom-postmeta-fields';\n\u00a0\nregisterPlugin( 'my-custom-postmeta-plugin', {\n    render() {\n        return(&lt;AWP_Custom_Plugin \/&gt;);\n    }\n} );<\/code><\/pre>\n<pre><code>const { __ } = wp.i18n;\nconst { compose } = wp.compose;\nconst { withSelect, withDispatch } = wp.data;\n\u00a0\nconst { PluginDocumentSettingPanel } = wp.editPost;\nconst { ToggleControl, TextControl, PanelRow } = wp.components;\n\u00a0\nconst AWP_Custom_Plugin = ({ postType, postMeta, setPostMeta }) =&gt; {\n    if ('post' !== postType) return null;  \/\/ Will only render component for post type 'post'\n    return(\n        &lt;PluginDocumentSettingPanel title={ __( 'My Custom Post meta', 'txtdomain') } icon=\"edit\" initialOpen=\"true\"&gt;\n            &lt;PanelRow&gt;\n                &lt;ToggleControl\n                    label={ __( 'You can toggle me on or off', 'txtdomain') }\n                    onChange={ (value) =&gt; setPostMeta( { _my_custom_bool: value }) }\n                    checked={ postMeta._my_custom_bool }\n                \/&gt;\n            &lt;\/PanelRow&gt;\n            &lt;PanelRow&gt;\n                &lt;TextControl\n                    label={ __( 'Write some text, if you like', 'txtdomain') }\n                    value={ postMeta._my_custom_text }\n                    onChange={ (value) =&gt; setPostMeta( { _my_custom_text: value }) }\n                \/&gt;\n            &lt;\/PanelRow&gt;\n        &lt;\/PluginDocumentSettingPanel&gt;\n    );\n}\n\u00a0\nexport default compose( [\n    withSelect( (select) =&gt; {     \n        return {\n            postMeta: select( 'core\/editor' ).getEditedPostAttribute( 'meta' ),\n            postType: select( 'core\/editor' ).getCurrentPostType(),\n        };\n    } ),\n    withDispatch( (dispatch) =&gt; {\n        return {\n            setPostMeta( newMeta) {\n                dispatch( 'core\/editor' ).editPost( { meta: newMeta } );\n            }\n        };\n    }) ] )( AWP_Custom_Plugin );<\/code><\/pre>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Selles postituses vaatleme, kuidas lisada kohandatud postituse meta s\u00e4tteid WordPressi Gutenbergi k\u00fclgribale vahekaardil &#8220;Dokument&#8221;.<\/p>\n","protected":false},"author":1,"featured_media":153560,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,894,718,937,937,833,894,1110,842,812,812,833,842,863,863],"tags":[1165],"class_list":{"0":"post-233408","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-arendaja","8":"category-kood","10":"category-gutenberg-4","12":"category-juhend-algajatele","14":"category-n-a","15":"category-opetused","16":"category-pistikprogrammid","20":"category-wordpress-4","22":"tag-affiai-et"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233408","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=233408"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/233408\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/153560"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=233408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=233408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=233408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}