{"id":228755,"date":"2022-10-19T13:48:00","date_gmt":"2022-10-19T10:48:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228755"},"modified":"2022-11-09T04:09:33","modified_gmt":"2022-11-09T01:09:33","slug":"stvorit-specialnu-bichnu-panel-za-dopomogoju-pluginsidebar","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/uk\/stvorit-specialnu-bichnu-panel-za-dopomogoju-pluginsidebar\/","title":{"rendered":"\u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0443 \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PluginSidebar"},"content":{"rendered":"\n<p><a href=\"https:\/\/hashnode.com\/@wholesomecode\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p>\u041c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0443\u043b\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0456 <a href=\"https:\/\/wholesomecode.ltd\/guides\/sidebar-control-wordpress-block-inspectorcontrols\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0431\u0456\u0447\u043d\u0456 \u043f\u0430\u043d\u0435\u043b\u0456 \u0431\u043b\u043e\u043a\u0456\u0432<\/a>, <a href=\"https:\/\/wholesomecode.ltd\/guides\/block-sidebar-filters-higher-order-components\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0456 \u0431\u0456\u0447\u043d\u0456 \u043f\u0430\u043d\u0435\u043b\u0456 \u0431\u043b\u043e\u043a\u0456\u0432<\/a> \u0447\u0435\u0440\u0435\u0437 InspectorControls \u0456 \u0442\u0435, \u044f\u043a \u0434\u043e\u0434\u0430\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043e <a href=\"https:\/\/wholesomecode.ltd\/guides\/controls-post-sidebar-plugindocumentsettingpanel\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457<\/a>. \u0423 \u0446\u044c\u043e\u043c\u0443 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0443 \u043c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e \u0440\u043e\u0437\u043c\u0456\u0449\u0435\u043d\u043d\u044f \u043d\u0430\u0448\u0438\u0445 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043d\u0430 \u0457\u0445\u043d\u0456\u0439 \u0432\u043b\u0430\u0441\u043d\u0456\u0439 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0456\u0439 \u0431\u0456\u0447\u043d\u0456\u0439 \u043f\u0430\u043d\u0435\u043b\u0456.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-168447-61e7cd4993d41.png\" alt=\"\u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0443 \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PluginSidebar\" \/>\u041d\u0430\u0448\u0430 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c<\/p>\n<p>\u041d\u0430 \u0437\u043d\u0456\u043c\u043a\u0443 \u0435\u043a\u0440\u0430\u043d\u0430 \u0432\u0438\u0449\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u0449\u043e \u043c\u0438 \u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438. \u0417\u0434\u0435\u0431\u0456\u043b\u044c\u0448\u043e\u0433\u043e \u043c\u0438 \u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u043b\u0438\u0448\u0435 \u0442\u0440\u043e\u0445\u0438 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u043a\u043e\u0434, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u0443 <a href=\"https:\/\/wholesomecode.ltd\/guides\/controls-post-sidebar-plugindocumentsettingpanel\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0443 \u0437 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0439<\/a>, \u0442\u043e\u043c\u0443 \u043f\u0435\u0440\u0435\u043a\u043e\u043d\u0430\u0439\u0442\u0435\u0441\u044f, \u0449\u043e \u0432\u0438 \u0441\u043f\u0435\u0440\u0448\u0443 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0438 \u0446\u0435\u0439 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a.<\/p>\n<h2>\u043f\u0435\u0440\u0435\u0434\u0443\u043c\u043e\u0432\u0438<\/h2>\n<ul>\n<li>\u0414\u043e\u0442\u0440\u0438\u043c\u0443\u0439\u0442\u0435\u0441\u044c \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0430 \u00ab<a href=\"https:\/\/wholesomecode.ltd\/guides\/creating-plugin-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0421\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043f\u043b\u0430\u0433\u0456\u043d\u0430 \u0434\u043b\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 \u0431\u043b\u043e\u043a\u0456\u0432 WordPress\u00bb (Gutenberg).<\/a><\/li>\n<li>\u041f\u0440\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0438 \u0437 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 (<a href=\"https:\/\/wholesomecode.ltd\/guides\/sidebar-control-wordpress-block-inspectorcontrols\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0434\u043b\u044f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0443<\/a> \u0442\u0430 <a href=\"https:\/\/wholesomecode.ltd\/guides\/block-sidebar-filters-higher-order-components\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0434\u043b\u044f \u0456\u0441\u043d\u0443\u044e\u0447\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0443<\/a> )<\/li>\n<li>\u0414\u043e\u0442\u0440\u0438\u043c\u0443\u0439\u0442\u0435\u0441\u044c \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0430 \u00ab<a href=\"https:\/\/wholesomecode.ltd\/guides\/controls-post-sidebar-plugindocumentsettingpanel\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0414\u043e\u0434\u0430\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043e \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PluginDocumentSettingPanel\u00bb.<\/a><\/li>\n<\/ul>\n<p>\u041c\u0438 \u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438 \u043a\u043e\u0434 \u0456\u0437 <a href=\"https:\/\/wholesomecode.ltd\/guides\/controls-post-sidebar-plugindocumentsettingpanel\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0430 \u0437 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0439<\/a>, \u0442\u043e\u043c\u0443, \u044f\u043a\u0449\u043e \u0432\u0438 \u043d\u0435 \u0437\u0430\u043f\u043e\u0432\u043d\u0438\u043b\u0438 \u0446\u0435\u0439 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a, \u0437\u0440\u043e\u0431\u0456\u0442\u044c \u0446\u0435. \u0412\u0441\u0435 \u0434\u043e\u0431\u0440\u0435, \u044f \u043f\u043e\u0447\u0435\u043a\u0430\u044e.<\/p>\n<p>\u0412\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 <code>\/components\/Sidebar.js<\/code>\u0444\u0430\u0439\u043b, \u044f\u043a\u0438\u0439 \u0432\u0438 \u0441\u0442\u0432\u043e\u0440\u0438\u043b\u0438 \u0432 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u043c\u0443 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0443. \u041c\u0438 \u0437\u0431\u0438\u0440\u0430\u0454\u043c\u043e\u0441\u044f \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438 \u0440\u044f\u0434\u043e\u043a, \u044f\u043a\u0438\u0439 \u0456\u043c\u043f\u043e\u0440\u0442\u0443\u0454 <code>PluginDocumentSettingPanel<\/code>\u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code>import { PluginSidebar, PluginSidebarMoreMenuItem } from '@wordpress\/edit-post';\n<\/code><\/pre>\n<p>\u0422\u0435\u043f\u0435\u0440 \u0437\u0430\u043c\u0456\u043d\u0456\u0442\u044c \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 <code>&lt;PluginDocumentSettingPanel...<\/code>\u043d\u0430 <code>&lt;PluginSidebar...<\/code>\u0456 \u0440\u043e\u0431\u043e\u0442\u0443 \u0433\u043e\u0442\u043e\u0432\u043e! \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e?<\/p>\n<p>\u041d\u0443 \u0456 \u0442\u0430\u043a, \u0456 \u043d\u0456. \u0426\u0435 \u0434\u0430\u0454 \u043d\u0430\u043c \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c, \u0430\u043b\u0435 \u0446\u0435 \u043f\u043e\u0442\u0432\u043e\u0440\u043d\u043e! \u041d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0456 \u043f\u0430\u043d\u0435\u043b\u0456, \u0449\u043e\u0431 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0431\u0443\u043b\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u0456\u0434\u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432\u0430\u043d\u0456.<\/p>\n<p>\u0422\u0430\u043a\u043e\u0436 \u0432\u0456\u0434\u0441\u0443\u0442\u043d\u044f \u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0443 \u043c\u0435\u043d\u044e \u00ab\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438\u00bb. \u0429\u043e\u0431 \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u0438 \u0446\u0435, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0440\u0435\u0430\u043b\u0456\u0437\u0443\u0432\u0430\u0442\u0438 <code>PluginSidebarMoreMenuItem<\/code>.<\/p>\n<p>\u0412\u0456\u0434\u0440\u0435\u0434\u0430\u0433\u0443\u0439\u0442\u0435 <code>\/components\/Sidebar.js<\/code>\u0449\u0435 \u0440\u0430\u0437 \u0456 \u0432\u0441\u0442\u0430\u0432\u0442\u0435 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code>import { Panel, PanelBody, ToggleControl } from '@wordpress\/components';\nimport { dispatch, select } from '@wordpress\/data';\nimport { PluginSidebar, PluginSidebarMoreMenuItem } from '@wordpress\/edit-post';\nimport { Component, Fragment } from '@wordpress\/element';\nimport { __ } from '@wordpress\/i18n';\n\nexport default class Sidebar extends Component {\n    render() {\n        const meta = select( 'core\/editor' ).getEditedPostAttribute( 'meta' );\n        const exampleToggle = meta['_wholesomecode_wholesome_plugin_require_login'];\n\n        return (&lt;Fragment&gt;\n                &lt;PluginSidebarMoreMenuItem target=\"wholesomecode-wholesome-plugin-sidebar\"&gt;\n                { __( 'Display Settings', 'wholesome-plugin') }\n                &lt;\/PluginSidebarMoreMenuItem&gt;\n                &lt;PluginSidebar\n                    name=\"wholesomecode-wholesome-plugin-sidebar\"\n                    title={ __( 'Display Settings', 'wholesome-plugin') }\n                &gt;\n                    &lt;Panel&gt;\n                        &lt;PanelBody\n                            title={ __( 'Display Settings', 'wholesome-plugin') }\n                            icon=\"visibility\"\n                        &gt;\n                            &lt;ToggleControl\n                                checked={ exampleToggle }\n                                help={ __( 'User must be logged-in in to view this post.', 'wholesome-plugin') }\n                                label={ __( 'Require Login', 'wholesome-plugin') }\n                                onChange={ (value) =&gt; {\n                                    dispatch( 'core\/editor' ).editPost( {\n                                        meta: {\n                                            '_wholesomecode_wholesome_plugin_require_login': value,\n                                        },\n                                    } );\n                                    this.setState( { exampleToggle: value } );\n                                } }\n                            \/&gt;\n                        &lt;\/PanelBody&gt;\n                    &lt;\/Panel&gt;\n                &lt;\/PluginSidebar&gt;\n            &lt;\/Fragment&gt;\n        );\n    }\n}\n<\/code><\/pre>\n<p>\u0426\u0435 \u043a\u0440\u0430\u0449\u0435, \u043c\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043b\u0438 \u0442\u043e\u0439 \u0441\u0430\u043c\u0438\u0439 \u043a\u043e\u0434, \u0449\u043e \u0439 \u0443 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u043c\u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457, \u0430\u043b\u0435 \u0442\u0435\u043f\u0435\u0440 \u0432\u0456\u043d \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u044f\u043a \u0447\u0430\u0441\u0442\u0438\u043d\u0430.<\/p>\n<p>\u0422\u0435\u043f\u0435\u0440, \u043a\u043e\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0454 \u043d\u0430\u0448 \u043a\u043e\u0434, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0438 <code>npm start<\/code>\u0439\u043e\u0433\u043e \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u0456\u043b\u044f\u0446\u0456\u0457, \u0456 \u0442\u0435\u043f\u0435\u0440 \u0432\u0456\u043d \u043c\u0430\u0454 \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0442\u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u043c \u0447\u0438\u043d\u043e\u043c:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-168447-61e7cd4bd2a51.gif\" alt=\"\u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0443 \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PluginSidebar\" \/>\u041d\u0430\u0448\u0430 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0443 \u0434\u0456\u0457<\/p>\n<p>\u042f\u043a \u0456 \u0432 \u043d\u0430\u0448\u043e\u043c\u0443 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0443 \u0437 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u043b\u0430\u0433\u0456\u043d\u0456\u0432, \u043c\u0438 \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0454\u043c\u043e \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0447 \u0432\u0438\u043c\u043e\u0433\u0438 \u0432\u0445\u043e\u0434\u0443, \u043e\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u044e, \u044f\u043a\u0430 \u0432\u0438\u0439\u0448\u043b\u0430 \u0437 \u0441\u0438\u0441\u0442\u0435\u043c\u0438, \u0432\u0438\u043c\u0438\u043a\u0430\u0454\u043c\u043e \u0457\u0457 \u0442\u0430 \u0437\u043d\u043e\u0432\u0443 \u043e\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u044e. \u041a\u043e\u043b\u0438 \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0454\u0442\u044c\u0441\u044f, \u043c\u0438 \u043d\u0435 \u043c\u043e\u0436\u0435\u043c\u043e \u043e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0434\u043e\u0441\u0442\u0443\u043f \u0434\u043e \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457.<\/p>\n<p>\u041d\u0430\u0437\u0432\u0430 \u043d\u0430\u0448\u043e\u0457 \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 &#8211; <code>wholesomecode-wholesome-plugin-sidebar'<\/code>. \u042f\u043a\u0449\u043e \u043c\u0438 \u0445\u043e\u0447\u0435\u043c\u043e, \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e \u0432\u0456\u0434\u043a\u0440\u0438\u0432\u0430\u0442\u0438 \u0442\u0430 \u0437\u0430\u043a\u0440\u0438\u0432\u0430\u0442\u0438 \u0446\u044e \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0437 \u0456\u043d\u0448\u043e\u0433\u043e \u043c\u0456\u0441\u0446\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430. \u0421\u043a\u0430\u0436\u0456\u043c\u043e, \u0443 \u043d\u0430\u0441 \u0454 \u043a\u043d\u043e\u043f\u043a\u0430 \u0437 \u0434\u0456\u0454\u044e \u043a\u043b\u0430\u0446\u0430\u043d\u043d\u044f, \u044f\u043a\u0430 \u0440\u043e\u0431\u0438\u0442\u044c \u0446\u0435.<\/p>\n<p>\u041a\u043e\u0434 \u0434\u043b\u044f \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e\u0433\u043e \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0442\u044f \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u0442\u0430\u043a\u0438\u0439:<\/p>\n<pre><code>wp.data.dispatch('core\/edit-post').openGeneralSidebar( 'wholesomecode-wholesome-plugin-sidebar\/wholesomecode-wholesome-plugin-sidebar' );\n<\/code><\/pre>\n<p>\u0422\u0430\u043a \u0441\u0430\u043c\u043e \u043c\u0438 \u043c\u043e\u0436\u0435\u043c\u043e \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e \u0437\u0430\u043a\u0440\u0438\u0442\u0438 \u0431\u0456\u0447\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0442\u0430\u043a:<\/p>\n<pre><code>wp.data.dispatch('core\/edit-post').closeGeneralSidebar( 'wholesomecode-wholesome-plugin-sidebar\/wholesomecode-wholesome-plugin-sidebar' );\n<\/code><\/pre>\n<ul>\n<li>\u041f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f <a href=\"https:\/\/wholesomecode.ltd\/guides\/template-innerblocks-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0432\u043a\u043b\u0430\u0434\u0435\u043d\u0438\u0445 \u0434\u043e\u0447\u0456\u0440\u043d\u0456\u0445 \u0431\u043b\u043e\u043a\u0456\u0432 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e <code>InnerBlocks<\/code>\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/a><\/li>\n<li>\u041f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f \u043d\u0430 <a href=\"https:\/\/wholesomecode.ltd\/guides\/post-meta-fields-store-attributes-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u043c\u0435\u0442\u0430-\u043f\u043e\u043b\u0456\u0432 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457 \u0432 \u0431\u043b\u043e\u043a\u0430\u0445 \u0413\u0443\u0442\u0435\u043d\u0431\u0435\u0440\u0433\u0430<\/a> (\u044f\u043a\u0449\u043e \u0432\u0438 \u0449\u0435 \u0446\u044c\u043e\u0433\u043e \u043d\u0435 \u0437\u0440\u043e\u0431\u0438\u043b\u0438) \u0456 <a href=\"https:\/\/wholesomecode.ltd\/guides\/custom-meta-boxes-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u043b\u044c\u043d\u0438\u0446\u044c\u043a\u0456 \u043c\u0435\u0442\u0430-\u0431\u043b\u043e\u043a\u0438, \u043a\u0435\u0440\u043e\u0432\u0430\u043d\u0456 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0413\u0443\u0442\u0435\u043d\u0431\u0435\u0440\u0433\u0430<\/a><\/li>\n<li>\u041f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f \u043d\u0430 <a href=\"https:\/\/wholesomecode.ltd\/guides\/create-settings-page-wordpress-gutenberg-components\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u044c \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0456\u0432 Gutenberg<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0414\u0436\u0435\u0440\u0435\u043b\u043e \u0437\u0430\u043f\u0438\u0441\u0443:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wholesomecode.ltd\" class=\"external external_icon\">wholesomecode.ltd<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0443\u043b\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0456 \u0431\u0456\u0447\u043d\u0456 \u043f\u0430\u043d\u0435\u043b\u0456 \u0431\u043b\u043e\u043a\u0456\u0432, \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0456 \u0431\u0456\u0447\u043d\u0456 \u043f\u0430\u043d\u0435\u043b\u0456 \u0431\u043b\u043e\u043a\u0456\u0432 \u0447\u0435\u0440\u0435\u0437 InspectorControls \u0456 \u0442\u0435, \u044f\u043a \u0434\u043e\u0434\u0430\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043e \u0431\u0456\u0447\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457. \u0423 \u0446\u044c\u043e\u043c\u0443 \u043f\u043e\u0441\u0456\u0431\u043d\u0438\u043a\u0443 \u043c\u0438 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e&#8230;<\/p>\n","protected":false},"author":1,"featured_media":221001,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[943,808,869,902,849,725],"tags":[1174],"class_list":["post-228755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg-10","category-php-10","category-wordpress-10","category-kod-3","category-pidruchnyky","category-rozrobnyk","tag-affiai-uk"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts\/228755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/comments?post=228755"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts\/228755\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/media\/221001"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/media?parent=228755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/categories?post=228755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/tags?post=228755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}