{"id":29221,"date":"2021-06-06T17:36:00","date_gmt":"2021-06-06T14:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29221"},"modified":"2025-02-12T05:46:59","modified_gmt":"2025-02-12T02:46:59","slug":"zavantazhte-dynamichnyj-vmist-u-bootstrap-modal-u-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/uk\/zavantazhte-dynamichnyj-vmist-u-bootstrap-modal-u-wordpress\/","title":{"rendered":"\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u0443 Bootstrap Modal \u0443 WordPress"},"content":{"rendered":"<p>Bootstrap Modal \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f \u0434\u0456\u0430\u043b\u043e\u0433\u043e\u0432\u043e\u0433\u043e \u0432\u0456\u043a\u043d\u0430 \u043d\u0430 \u0432\u0430\u0448 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442. \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 Bootstrap Modal \u0434\u043b\u044f \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u0456\u0432, \u0441\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u044c \u0442\u0430 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442\u0443. \u041d\u0435\u0449\u043e\u0434\u0430\u0432\u043d\u043e \u044f \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0432 \u043d\u0430\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c WordPress, \u0434\u0435 \u043c\u0438 \u0445\u043e\u0442\u0456\u043b\u0438 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0442\u0438 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u0443 Bootstrap Modal. \u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u043c\u0438 \u0432\u0438\u0432\u0447\u0430\u0454\u043c\u043e, \u044f\u043a \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0442\u0438 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u0443 Bootstrap Modal \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Ajax \u0443 WordPress.<\/p>\n<p>\u0404 \u0431\u0430\u0433\u0430\u0442\u043e \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457\u0432, \u043a\u043e\u043b\u0438 \u0432\u0430\u043c \u043c\u043e\u0436\u0435 \u0437\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0438\u0441\u044f \u043c\u043e\u0434\u0430\u043b\u044c Bootstrap \u0437 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u043c \u0432\u043c\u0456\u0441\u0442\u043e\u043c. \u0412\u0456\u0437\u044c\u043c\u0435\u043c\u043e \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0439 WordPress.<\/p>\n<p>WordPress \u0437\u0434\u0435\u0431\u0456\u043b\u044c\u0448\u043e\u0433\u043e \u0437\u0430\u043b\u0435\u0436\u0438\u0442\u044c \u0432\u0456\u0434 \u0442\u0438\u043f\u0456\u0432 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0439 \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0456\u043d\u043d\u044f \u0432\u043c\u0456\u0441\u0442\u043e\u043c. \u0417\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u0443 WordPress \u043c\u0438 \u0442\u0440\u0438\u043c\u0430\u0454\u043c\u043e \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0443 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457. \u0410\u043b\u0435 \u0432 \u0434\u0435\u044f\u043a\u0438\u0445 \u0432\u0438\u043f\u0430\u0434\u043a\u0430\u0445 \u0443 \u0432\u0430\u0441 \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043d\u044c\u043e \u0432\u043c\u0456\u0441\u0442\u0443 \u0434\u043b\u044f \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457. \u041e\u0442\u0436\u0435, \u0437\u0430\u043c\u0456\u0441\u0442\u044c \u043f\u043e\u043a\u0430\u0437\u0443 \u0432\u043c\u0456\u0441\u0442\u0443 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457 \u043d\u0430 \u0456\u043d\u0448\u0456\u0439 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456, \u0432\u0438 \u0432\u0456\u0434\u0434\u0430\u0454\u0442\u0435 \u043f\u0435\u0440\u0435\u0432\u0430\u0433\u0443 \u043f\u043e\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438 \u0439\u043e\u0433\u043e \u0443 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u043c\u0443 \u0432\u0456\u043a\u043d\u0456. \u0423 \u0432\u0430\u0441 \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u043a\u0456\u043b\u044c\u043a\u0430 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0439, \u0442\u043e\u043c\u0443 \u0432\u043c\u0456\u0441\u0442 \u043a\u043e\u0436\u043d\u043e\u0457 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457 \u043f\u043e\u0432\u0438\u043d\u0435\u043d \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0443 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u043c\u0443 \u0432\u0456\u043a\u043d\u0456.<\/p>\n<p>\u041e\u0441\u044c \u043c\u043e\u0434\u0435\u043b\u044c Bootstrap Modal, \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u044f\u043a\u043e\u0457 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438 \u0432\u043c\u0456\u0441\u0442 \u043d\u0430 \u043a\u043e\u0436\u043d\u0443 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u044e \u043a\u0456\u043d\u0446\u0435\u0432\u0438\u043c \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c. \u0414\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0432\u0438\u043a\u043e\u043d\u0430\u0442\u0438 \u0434\u0435\u044f\u043a\u0456 \u043e\u0441\u043d\u043e\u0432\u043d\u0456 \u043a\u0440\u043e\u043a\u0438, \u044f\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0456\u0439 \u0447\u0430\u0441\u0442\u0438\u043d\u0456 \u043f\u0456\u0434\u0440\u0443\u0447\u043d\u0438\u043a\u0430.<\/p>\n<h3>\u041f\u0435\u0440\u0435\u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0441\u0442\u0438\u043b\u044c Bootstrap \u0442\u0430 JS<\/h3>\n<p>\u0414\u043b\u044f \u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u0432\u0430\u043c \u0441\u043b\u0456\u0434 \u0431\u0443\u043b\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0438 \u0444\u0430\u0439\u043b CSS \u0442\u0430 JS Bootstrap \u0443 \u0441\u0432\u0456\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 WordPress. \u042f \u0437\u0431\u0438\u0440\u0430\u044e\u0441\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 WordPress \u0434\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u0456\u0432 JS \u0442\u0430 CSS. \u041e\u043a\u0440\u0456\u043c \u0444\u0430\u0439\u043b\u0456\u0432 Bootstrap, \u044f \u0442\u0430\u043a\u043e\u0436 \u0434\u043e\u0434\u0430\u044e, <code>custom.js<\/code>\u0434\u0435 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u043f\u0438\u0441\u0430\u0442\u0438 \u043b\u043e\u0433\u0456\u043a\u0443 JavaScript.<\/p>\n<p>\u0412\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 <code>functions.php<\/code>\u0444\u0430\u0439\u043b \u0456 \u0434\u043e\u0434\u0430\u0439\u0442\u0435 \u0432 \u043d\u044c\u043e\u0433\u043e \u043a\u043e\u0434 \u043d\u0438\u0436\u0447\u0435.<\/p>\n<pre><code>function artisansweb_scripts() {\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_style( 'bootstrapcss', 'https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css', array(), false, 'all' );\n\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_register_script('bootstrapjs', 'https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js', array('jquery'), false, true);\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script('bootstrapjs');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_register_script('custom-script', get_stylesheet_directory_uri(). '\/js\/custom.js', array('jquery'), false, true);\n\u00a0\u00a0\u00a0\u00a0\/\/ Localize the script with new data\n\u00a0\u00a0\u00a0\u00a0$script_data_array = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'ajaxurl' =&gt; admin_url( 'admin-ajax.php' ),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'security' =&gt; wp_create_nonce( 'view_post' ),\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0wp_localize_script( 'custom-script', 'blog', $script_data_array );\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script('custom-script');\n}\nadd_action( 'wp_enqueue_scripts', 'artisansweb_scripts' );<\/code><\/pre>\n<p>\u0422\u0443\u0442 \u044f \u0432\u043a\u043b\u044e\u0447\u0430\u044e \u0444\u0430\u0439\u043b\u0438 Bootstrap \u0431\u0435\u0437\u043f\u043e\u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e \u0437 CDN. \u041c\u043e\u0436\u043b\u0438\u0432\u043e, \u0432\u0438 \u0437\u0430\u0445\u043e\u0447\u0435\u0442\u0435 \u0434\u043e\u0434\u0430\u0442\u0438 \u0439\u043e\u0433\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e. \u041d\u0430\u043b\u0430\u0448\u0442\u0443\u0439\u0442\u0435 \u0448\u043b\u044f\u0445 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e, \u044f\u043a\u0449\u043e \u0432\u0438 \u0440\u043e\u0431\u0438\u0442\u0435 \u0446\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e. \u0414\u043e <code>custom.js<\/code>\u0444\u0430\u0439\u043b\u0443, \u044f \u043f\u0440\u0438\u0437\u043d\u0430\u0447\u0438\u0432 \u0437\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c Ajax URL \u0432 WordPress \u0456 \u043e\u0434\u043d\u043e\u0440\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043d\u043e\u043c\u0435\u0440\u0430.<\/p>\n<h3>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u0443 Bootstrap Modal \u0443 WordPress<\/h3>\n<p>\u042f\u043a \u0432\u0436\u0435 \u0431\u0443\u043b\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e, \u044f \u0437\u0431\u0438\u0440\u0430\u044e\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0442\u0438 \u0432\u043c\u0456\u0441\u0442 \u0434\u043e\u043f\u0438\u0441\u0443 \u0432 Bootstrap Modal. \u041f\u0440\u0438\u043f\u0443\u0441\u0442\u0438\u043c\u043e, \u0432\u0438 \u0441\u0442\u0432\u043e\u0440\u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d, \u0434\u0435 \u0432\u0438 \u043f\u0435\u0440\u0435\u043b\u0456\u0447\u0443\u0454\u0442\u0435 \u0434\u043e\u043f\u0438\u0441\u0438. \u041a\u043e\u0436\u043d\u0430 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u044f \u043c\u0430\u0454 \u043a\u043d\u043e\u043f\u043a\u0443 &quot;\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0431\u0456\u043b\u044c\u0448\u0435&quot;. \u041f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u0446\u0456\u0454\u0457 \u043a\u043d\u043e\u043f\u043a\u0438, Bootstrap Modal \u043f\u043e\u0432\u0438\u043d\u0435\u043d \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438\u0441\u044c \u0456\u0437 \u0432\u043c\u0456\u0441\u0442\u043e\u043c.<\/p>\n<p>\u0412\u0438 \u043f\u043e\u0432\u0438\u043d\u043d\u0456 \u043c\u0430\u0442\u0438 \u0441\u0432\u0456\u0439 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 HTML \u0434\u043b\u044f \u0446\u044c\u043e\u0433\u043e \u0441\u043f\u0438\u0441\u043a\u0443. \u0412\u0441\u0435, \u0449\u043e \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u0440\u043e\u0431\u0438\u0442\u0438, \u0446\u0435 \u0434\u043e\u0434\u0430\u0442\u0438 \u043e\u0434\u0438\u043d \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0434\u0430\u043d\u0438\u0445 \u0456 \u0437\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439 \u043a\u043b\u0430\u0441 \u0434\u043e \u043a\u043d\u043e\u043f\u043e\u043a. \u0426\u0435 \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u044f\u043a \u0443 \u0437\u0430\u044f\u0432\u0430\u0445 \u043d\u0438\u0436\u0447\u0435.<\/p>\n<pre><code>&lt;button data-id=\"YOUR_POST_ID\" class=\"view-post\"&gt;&lt;?php _e('View More'); ?&gt;&lt;\/button&gt;\n&lt;button data-id=\"YOUR_POST_ID\" class=\"view-post\"&gt;&lt;?php _e('View More'); ?&gt;&lt;\/button&gt;<\/code><\/pre>\n<p>\u041a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043f\u043e\u0432\u0438\u043d\u0435\u043d \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u0448\u0430\u043d\u043e\u0431\u043b\u0438\u0432\u0438\u0439 \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440 \u043f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f \u0434\u043b\u044f <code>data-id<\/code>\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430. \u041d\u0430\u0437\u0432\u0430 \u043a\u043b\u0430\u0441\u0443, \u044f\u043a\u0443 \u044f \u0442\u0443\u0442 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0432, &#8211; &#8216;view-post&#8217;. \u0414\u0430\u043b\u0456 \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0434\u043e\u0434\u0430\u0442\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 Bootstrap Modal \u0430\u0431\u043e \u0443 \u0444\u0430\u0439\u043b \u0448\u0430\u0431\u043b\u043e\u043d\u0443, \u0430\u0431\u043e \u0432 \u043d\u0438\u0436\u043d\u0456\u0439 \u043a\u043e\u043b\u043e\u043d\u0442\u0438\u0442\u0443\u043b.<\/p>\n<pre><code>&lt;!-- Modal --&gt;\n&lt;div class=\"modal fade\" id=\"postModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"postModalLabel\" aria-hidden=\"true\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div class=\"modal-dialog\" role=\"document\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div class=\"modal-content\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div class=\"modal-header\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;h5 class=\"modal-title\" id=\"postModalLabel\"&gt;&lt;\/h5&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;span aria-hidden=\"true\"&gt;\u00d7&lt;\/span&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div class=\"modal-body\"&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>\u042f\u043a\u0449\u043e \u0432\u0438 \u043f\u043e\u043c\u0456\u0442\u0438\u043b\u0438, \u044f \u0437\u0430\u043b\u0438\u0448\u0438\u0432 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0442\u0430 \u0442\u0456\u043b\u043e \u043c\u043e\u0434\u0435\u043b\u0456 \u043f\u043e\u0440\u043e\u0436\u043d\u0456\u043c\u0438, \u044f\u043a\u0456 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0432\u0430\u0442\u0438. \u042f \u043f\u0440\u0438\u0437\u043d\u0430\u0447\u0438\u0432 \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440 postModal \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u043c\u0443.<\/p>\n<p>\u041a\u043e\u043b\u0438 \u0445\u0442\u043e\u0441\u044c \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u0454 \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0431\u0456\u043b\u044c\u0448\u0435\u00bb, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u0438\u0442\u0438 \u0434\u0437\u0432\u0456\u043d\u043e\u043a Ajax. \u0423 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456 Ajax \u043c\u0438 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u0454\u043c\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0456 \u0432\u043c\u0456\u0441\u0442 \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457, \u044f\u043a\u0456 \u043f\u043e\u0442\u0456\u043c \u0434\u043e\u0434\u0430\u044e\u0442\u044c\u0441\u044f \u0432 Modal \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e jQuery. \u041e\u0442\u0436\u0435, \u043d\u0430\u043f\u0438\u0448\u0456\u0442\u044c \u0443 <code>custom.js<\/code>\u0444\u0430\u0439\u043b \u043d\u0438\u0436\u0447\u0435 \u043a\u043e\u0434 jQuery .<\/p>\n<pre><code>jQuery(function($) {\n\u00a0\u00a0\u00a0\u00a0$('body').on('click', '.view-post', function() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var data = {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'action': 'load_post_by_ajax',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'id': $(this).data('id'),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'security': blog.security\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$.post(blog.ajaxurl, data, function(response) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0response = JSON.parse(response);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#postModal h5#postModalLabel').text(response.title);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#postModal .modal-body').html(response.content);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$('#postModal').modal({show:true});\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0});\n});<\/code><\/pre>\n<h4>\u0412\u0438\u043a\u043b\u0438\u043a Ajax \u0443 WordPress<\/h4>\n<p>\u0417 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e\u0433\u043e \u0432\u0438\u0449\u0435 \u043a\u043e\u0434\u0443 jQuery \u0432\u0456\u043d \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u0454 \u0432\u0438\u043a\u043b\u0438\u043a Ajax \u0437 \u0434\u0456\u0454\u044e &#8216;load_post_by_ajax&#8217;. \u041c\u0438 \u043c\u0430\u0454\u043c\u043e \u043e\u0433\u043e\u043b\u043e\u0441\u0438\u0442\u0438 \u0446\u044e \u0434\u0456\u044e \u0442\u0430 \u043f\u0440\u0438\u0454\u0434\u043d\u0430\u0442\u0438 \u0434\u043e \u043d\u0435\u0457 \u043c\u0435\u0442\u043e\u0434 \u0437\u0432\u043e\u0440\u043e\u0442\u043d\u043e\u0433\u043e \u0432\u0438\u043a\u043b\u0438\u043a\u0443. \u0423 \u043c\u0435\u0442\u043e\u0434\u0456 \u0437\u0432\u043e\u0440\u043e\u0442\u043d\u043e\u0433\u043e \u0432\u0438\u043a\u043b\u0438\u043a\u0443 \u0431\u0443\u0434\u0435 \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u043d\u0430\u0448 \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u0438\u0439 \u043a\u043e\u0434.<\/p>\n<p>\u041d\u0430\u043f\u0438\u0448\u0456\u0442\u044c \u0443 <code>functions.php<\/code>\u0444\u0430\u0439\u043b\u0456 \u043a\u043e\u0434 \u043d\u0438\u0436\u0447\u0435 .<\/p>\n<pre><code>add_action('wp_ajax_load_post_by_ajax', 'load_post_by_ajax_callback');\nadd_action('wp_ajax_nopriv_load_post_by_ajax', 'load_post_by_ajax_callback');\n\u00a0\nfunction load_post_by_ajax_callback() {\n\u00a0\u00a0\u00a0\u00a0check_ajax_referer('view_post', 'security');\n\u00a0\u00a0\u00a0\u00a0$args = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_type' =&gt; 'post',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_status' =&gt; 'publish',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'p' =&gt; $_POST['id'],\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$posts = new WP_Query( $args );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$arr_response = array();\n\u00a0\u00a0\u00a0\u00a0if ($posts-&gt;have_posts()) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0while($posts-&gt;have_posts()) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$posts-&gt;the_post();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$arr_response = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'title' =&gt; get_the_title(),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'content' =&gt; get_the_content(),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_reset_postdata();\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0echo json_encode($arr_response);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_die();\n}<\/code><\/pre>\n<p>\u0426\u0435 \u0432\u043e\u043d\u043e! \u0421\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0446\u0435 \u0440\u0456\u0448\u0435\u043d\u043d\u044f, \u0456 \u0432\u0438 \u043f\u043e\u0431\u0430\u0447\u0438\u0442\u0435, \u044f\u043a \u0432\u043e\u043d\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0443\u0454 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u043d\u0430 Bootstrap Modal. \u042f \u0445\u043e\u0442\u0456\u0432 \u0431\u0438 \u043f\u043e\u0447\u0443\u0442\u0438 \u0432\u0430\u0448\u0456 \u0434\u0443\u043c\u043a\u0438 \u0442\u0430 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0457 \u0443 \u0440\u043e\u0437\u0434\u0456\u043b\u0456 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u0456\u0432 \u043d\u0438\u0436\u0447\u0435.<\/p>\n<h4>\u041f\u043e\u0432&#8217;\u044f\u0437\u0430\u043d\u0456 \u0441\u0442\u0430\u0442\u0442\u0456<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/uk\/iak-dodaty-pole-zobrazhennia-do-taksonomii-v-wordpress\/\" title=\"\u042f\u043a \u0434\u043e\u0434\u0430\u0442\u0438 \u043f\u043e\u043b\u0435 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0434\u043e \u0442\u0430\u043a\u0441\u043e\u043d\u043e\u043c\u0456\u0457 \u0432 WordPress\" >\u042f\u043a \u0434\u043e\u0434\u0430\u0442\u0438 \u043f\u043e\u043b\u0435 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0434\u043e \u0442\u0430\u043a\u0441\u043e\u043d\u043e\u043c\u0456\u0457 \u0432 WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/uk\/jak-nadislati-elektronnu-poshtu-wordpress-za-dopomogoju-smtp-servera\/\" title=\"\u042f\u043a \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443 \u043f\u043e\u0448\u0442\u0443 WordPress \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e SMTP-\u0441\u0435\u0440\u0432\u0435\u0440\u0430\" >\u042f\u043a \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443 \u043f\u043e\u0448\u0442\u0443 WordPress \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e SMTP-\u0441\u0435\u0440\u0432\u0435\u0440\u0430<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/uk\/iak-stvoryty-vlasnyj-vidzhet-elementor\/\" title=\"\u042f\u043a \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u0432\u0456\u0434\u0436\u0435\u0442 Elementor\" >\u042f\u043a \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u0432\u0456\u0434\u0436\u0435\u0442 Elementor<\/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: artisansweb.net<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u043d\u0430 Bootstrap Modal \u0443 WordPress? \u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u043c\u0438 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043c\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0439 \u0435\u043a\u0437\u0430\u043c\u0435\u043d \u043f\u0443\u0431\u043b\u0456\u043a\u0430\u0446\u0456\u0457 \u0442\u0430 \u0448\u043e\u0443 WordPress<\/p>\n","protected":false},"author":1,"featured_media":20329,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1],"tags":[851],"class_list":["post-29221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bez-kategorii","tag-affiai-uk"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/posts\/29221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/comments?post=29221"}],"version-history":[{"count":1,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/posts\/29221\/revisions"}],"predecessor-version":[{"id":513078,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/posts\/29221\/revisions\/513078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/media\/20329"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/media?parent=29221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/categories?post=29221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/uk\/wp-json\/wp\/v2\/tags?post=29221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}