{"id":567,"date":"2024-08-08T21:14:48","date_gmt":"2024-08-08T21:14:48","guid":{"rendered":"https:\/\/faq.cinar-studio.ru\/?p=567"},"modified":"2024-08-09T11:35:10","modified_gmt":"2024-08-09T11:35:10","slug":"razrabotka-modulya-dlya-gotovogo-resheniya-urok-1-modul-kontenta-do-i-posle","status":"publish","type":"post","link":"https:\/\/faq.cinar-studio.ru\/?p=567","title":{"rendered":"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043c\u043e\u0434\u0443\u043b\u044f \u0434\u043b\u044f \u0413\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u044f. \u0423\u0440\u043e\u043a 1 &#8211; \u041c\u043e\u0434\u0443\u043b\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430: \u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435"},"content":{"rendered":"<p>1. \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u0440\u0430\u0437\u0434\u0435\u043b ACF\u00a0 &#8211; &gt; \u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u043e\u043b\u0435\u0439 &#8211; &gt; \u041c\u043e\u0434\u0443\u043b\u0438 | \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c<\/p>\n<p>2. \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u0441\u0430\u043c\u044b\u0439 \u043d\u0438\u0437 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c &#8220;\u0432\u043a\u043b\u0430\u0434\u043a\u0443&#8221;, \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0435 &#8220;\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435&#8221;<\/p>\n<p>&#8211; \u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0432\u044b\u0440\u043e\u0432\u043d\u0435\u043d\u043e \u043f\u043e \u043b\u0435\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e<\/p>\n<p>3. \u0414\u0430\u043b\u0435\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u0440\u0443\u043f\u043f\u0443: \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0435: &#8220;before_after_group&#8221;<\/p>\n<p>&#8211; <label for=\"acf_fields-field_66b536301f0e4-label\">\u042d\u0442\u0438\u043a\u0435\u0442\u043a\u0430 \u043f\u043e\u043b\u044f: \u0442\u0430\u043a\u0436\u0435 \u043a\u0430\u043a \u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0430 &#8220;\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435&#8221;<br \/>\n<\/label><\/p>\n<p>4. \u0412\u043d\u0443\u0442\u0440\u044c \u0433\u0440\u0443\u043f\u043f\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u043b\u044f:<\/p>\n<p>\u0428\u0430\u0431\u043b\u043e\u043d | template | \u0422\u0438\u043f: \u0412\u044b\u0431\u0440\u0430\u0442\u044c<\/p>\n<p>\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a | title | \u0422\u0438\u043f: \u0422\u0435\u043a\u0441\u0442<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b| items | \u0422\u0438\u043f: \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435\u043b\u044c<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-571 \" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6.jpg\" alt=\"\" width=\"903\" height=\"195\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6.jpg 1626w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6-300x65.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6-1024x221.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6-768x166.jpg 768w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_6-1536x332.jpg 1536w\" sizes=\"(max-width: 903px) 100vw, 903px\" \/><\/p>\n<p>5. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u043d\u0430\u0448 &#8220;\u042d\u043b\u0435\u043c\u0435\u043d\u0442\u044b&#8221;<\/p>\n<p>\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a &#8220;\u0414\u043e&#8221; | title_before | \u0422\u0438\u043f: \u0422\u0435\u043a\u0441\u0442<\/p>\n<p>\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 &#8220;\u0414\u043e&#8221; | image_before| \u0422\u0438\u043f: \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435<\/p>\n<p>\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a &#8220;\u041f\u043e\u0441\u043b\u0435&#8221; | title_after | \u0422\u0438\u043f: \u0422\u0435\u043a\u0441\u0442<\/p>\n<p>\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 &#8220;\u041f\u043e\u0441\u043b\u0435&#8221; | image_after | \u0422\u0438\u043f: \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-574 size-full\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_17.jpg\" alt=\"\" width=\"1474\" height=\"237\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_17.jpg 1474w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_17-300x48.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_17-1024x165.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_17-768x123.jpg 768w\" sizes=\"(max-width: 1474px) 100vw, 1474px\" \/><\/p>\n<p><label for=\"acf_fields-19073-pagination\">\u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/label> -&gt; <label for=\"acf_fields-19073-rows_per_page\">\u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0437\u0430\u043f\u0438\u0441\u0435\u0439 &#8211; &gt; 10<br \/>\n<\/label><\/p>\n<p>6. \u0414\u0430\u043b\u0435\u0435 \u0438\u0434\u0435\u043c \u0432 ACF -&gt; \u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0431\u043b\u043e\u043a\u043e\u0432<\/p>\n<p>\u0416\u043c\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 &#8220;\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043c\u0430\u043a\u0435\u0442&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-577 size-large\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18-1024x280.jpg\" alt=\"\" width=\"1024\" height=\"280\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18-1024x280.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18-300x82.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18-768x210.jpg 768w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18-1536x421.jpg 1536w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_18.jpg 1884w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>\u042d\u0442\u0438\u043a\u0435\u0442\u043a\u0430: \u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435<\/p>\n<p>\u0418\u043c\u044f: before_after<\/p>\n<p>Render 1 \u0441\u0442\u0440\u043e\u043a\u0430 \/wp-content\/themes\/corp-cinar\/: parts\/sections\/before_after.php<\/p>\n<p>\u041e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u043f\u0443\u0441\u0442\u044b\u0435.<\/p>\n<p>\u041f\u043e\u043b\u044f<\/p>\n<p>\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435 | before_after_group | \u0422\u0438\u043f: \u0413\u0440\u0443\u043f\u043f\u0430<\/p>\n<p>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e | own | \u0422\u0438\u043f: <span class=\"field-type-label\"> True \/ False -&gt; \u041f\u0440\u0435\u0437\u0435\u0442\u0430\u0446\u0438\u044f -&gt; \u0421\u0442\u0438\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432\u0438\u0434<br \/>\n<\/span><\/p>\n<p>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 | own_group | \u0422\u0438\u043f: <span class=\"field-type-label\">\u041a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/span><\/p>\n<p>&#8211; \u041f\u043e\u043b\u044f -&gt; \u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435 (group) \u0438\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 ACF \u041c\u043e\u0434\u0443\u043b\u0438<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-578 size-full\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_19.jpg\" alt=\"\" width=\"507\" height=\"534\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_19.jpg 507w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_19-285x300.jpg 285w\" sizes=\"(max-width: 507px) 100vw, 507px\" \/><\/p>\n<p>&#8211; <label for=\"acf_fields-19089-display\">\u0421\u043f\u043e\u0441\u043e\u0431 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f -&gt; \u0413\u0440\u0443\u043f\u043f\u0430 (\u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044f \u0432 \u043e\u0434\u043d\u043e \u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e)<br \/>\n<\/label><\/p>\n<p>&#8211; \u041f\u0440\u0435\u0444\u0438\u043a\u0441 \u0434\u043b\u044f \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u043f\u043e\u043b\u0435\u0439 -&gt; \u041e\u0442\u043c\u0435\u0442\u0438\u0442\u044c\u00a0 \u0431\u043e\u043a\u0441<\/p>\n<p>7. \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0430 &#8220;\u0423\u0441\u043b\u043e\u0432\u0430\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u043a\u0430&#8221; \u0443 \u041f\u043e\u043b\u044f &#8220;\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438&#8221;<\/p>\n<p>\u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c<\/p>\n<p>\u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0438\u0437 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 &#8220;\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435&#8221; \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\u00a0 \u043f\u0443\u043d\u043a\u0442 &#8220;\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0430\u0443\u043b\u044c\u043d\u043e&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-580 size-large\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20-1024x258.jpg\" alt=\"\" width=\"1024\" height=\"258\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20-1024x258.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20-300x76.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20-768x194.jpg 768w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20-1536x387.jpg 1536w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_20.jpg 1653w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>8. \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0444\u0430\u0439\u043b before_after.php \u0432 \u043f\u0430\u043f\u043a\u0435 \u0442\u0435\u043c\u044b \/wp-content\/themes\/corp-cinar\/parts\/sections<\/p>\n<p>\u041f\u043e\u043c\u0435\u0449\u0430\u0435\u043c \u0442\u0443\u0434\u0430 \u043a\u043e\u0434<\/p>\n<p><code>&lt;? <\/code><br \/>\n<code>if(!is_archive()) { <\/code><br \/>\n<code>$id_page_field = get_the_id();<\/code><br \/>\n<code>$id_page = get_the_id();<\/code><br \/>\n<code>$acf_id_page = get_the_id();<\/code><br \/>\n<code>$page_title = get_the_title($id_page);<\/code><br \/>\n<code>} else {<\/code><br \/>\n<code>global $maincategory;<\/code><br \/>\n<code>$id_page_field = $maincategory;<\/code><br \/>\n<code>$id_page = $maincategory-&gt;term_id;<\/code><br \/>\n<code>$acf_id_page = 'category_' . $maincategory-&gt;term_id;<\/code><br \/>\n<code>$page_title = get_cat_name($id_page);<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>$currentFileNameWithoutExtension = pathinfo(__FILE__, PATHINFO_FILENAME);<\/code><br \/>\n<code>\/\/\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 = \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0435\u0444\u0438\u043a\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u0432\u0435\u043d \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e \u0441\u043b\u043e\u044f<\/code><br \/>\n<code>$prefixClass = $currentFileNameWithoutExtension;<\/code><br \/>\n<code>\/\/\u0413\u0440\u0443\u043f\u043f\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0441\u043b\u043e\u044f + \u043f\u043e\u0441\u0442\u0444\u0438\u043a\u0441 _group<\/code><br \/>\n<code>$section = get_sub_field($prefixClass.'_group');<\/code><\/p>\n<p><code>if(!empty($section['own'])) {<\/code><br \/>\n<code>$sectionTemplate = $section['own_group'][\"before_after_group\"];<\/code><br \/>\n<code>} else {<\/code><br \/>\n<code>$sectionTemplate = get_field('before_after_group', 'option');<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>?&gt;<\/code><\/p>\n<p><code>&lt;div class=\"section-common before_after\"&gt;<\/code><br \/>\n<code>&lt;div class=\"container\"&gt;<\/code><br \/>\n<code>&lt;?php get_template_part('parts\/items\/before_after\/' . $sectionTemplate['template'], null, $args = ['sectionTemplate' =&gt; $sectionTemplate, 'section' =&gt; $section]); ?&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><\/p>\n<p>9. \u0414\u0430\u043b\u0435\u0435 \u0437\u0430\u0445\u043e\u0434\u0438\u043c \u0432 \/wp-content\/themes\/corp-cinar\/parts\/items<\/p>\n<p>\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0430\u043f\u043a\u0443: <code>before_after<\/code><\/p>\n<p>\u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0444\u0430\u0439\u043b: simple.php<\/p>\n<p>\u0432\u043d\u0443\u0442\u0440\u044c \u0444\u0430\u0439\u043b\u0430 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<p><code>&lt;? <\/code><br \/>\n<code>global $is_preview;<\/code><br \/>\n<code>$sectionTemplate = $args['sectionTemplate'];<\/code><br \/>\n<code>$section = $args['section'];<\/code><br \/>\n<code>$randclass = rand();<\/code><br \/>\n<code>?&gt;<\/code><br \/>\n<code>&lt;? if(empty($section['hide_title'])) { ?&gt;<\/code><br \/>\n<code>&lt;? get_template_part( 'parts\/items\/simple_section_title', null, $args = ['section' =&gt; $sectionTemplate]); ?&gt;<\/code><br \/>\n<code>&lt;?php } ?&gt;<\/code><\/p>\n<p><code>&lt;? if(!$is_preview) { ?&gt;<\/code><br \/>\n<code>&lt;script&gt;<\/code><br \/>\n<code>document.addEventListener('DOMContentLoaded', function(){<\/code><br \/>\n<code>jQuery('.randclass-&lt;?=$randclass?&gt; .before_after_list_in').slick({<\/code><br \/>\n<code>centerMode: false,<\/code><br \/>\n<code>lazyLoad: 'ondemand',<\/code><br \/>\n<code>slidesToShow: 2,<\/code><br \/>\n<code>arrows: true,<\/code><br \/>\n<code>dots: true,<\/code><br \/>\n<code>speed: 900,<\/code><br \/>\n<code>infinite: false,<\/code><br \/>\n<code>touchThreshold: 100,<\/code><br \/>\n<code>autoplay: false,<\/code><br \/>\n<code>autoplaySpeed: 5000,<\/code><br \/>\n<code>variableWidth: false,<\/code><br \/>\n<code>appendDots: $(\".randclass-&lt;?=$randclass?&gt; .slide-m-dots\"),<\/code><br \/>\n<code>prevArrow: $(\".randclass-&lt;?=$randclass?&gt; .slide-m-prev\"),<\/code><br \/>\n<code>nextArrow: $(\".randclass-&lt;?=$randclass?&gt; .slide-m-next\"),<\/code><br \/>\n<code>responsive: [<\/code><br \/>\n<code>{<\/code><br \/>\n<code>breakpoint: 990,<\/code><br \/>\n<code>settings: {<\/code><br \/>\n<code>slidesToShow: 1,<\/code><br \/>\n<code>slidesToScroll: 1,<\/code><br \/>\n<code>}<\/code><br \/>\n<code>},<\/code><br \/>\n<code>]<\/code><br \/>\n<code>}); <\/code><br \/>\n<code>});<\/code><br \/>\n<code>&lt;\/script&gt;<\/code><br \/>\n<code>&lt;? } ?&gt;<\/code><\/p>\n<p><code>&lt;?php<\/code><br \/>\n<code>\/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u0442\u043e\u0432 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043e\u0434\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/code><br \/>\n<code>$items = $sectionTemplate['items'];<\/code><br \/>\n<code>$countitems = count($items);<\/code><br \/>\n<code>?&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_list_wrap randclass-&lt;?=$randclass?&gt; &lt;? if($is_preview) { ?&gt;is_preview&lt;?php } ?&gt;\"&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_list_in\"&gt;<\/code><br \/>\n<code>&lt;?php foreach ($items as $item) { ?&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item\"&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item_in\"&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item_before\"&gt;<\/code><br \/>\n<code>&lt;img src=\"&lt;?=$item['image_before']['sizes']['medium']?&gt;\" alt=\"\u0444\u043e\u0442\u043e &lt;?=wp_strip_all_tags($item['title_before'])?&gt;\"&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item_text\"&gt;&lt;?=$item['title_before']?&gt;&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item_after\"&gt;<\/code><br \/>\n<code>&lt;img src=\"&lt;?=$item['image_after']['sizes']['medium']?&gt;\" alt=\"\u0444\u043e\u0442\u043e &lt;?=wp_strip_all_tags($item['title_after'])?&gt;\"&gt;<\/code><br \/>\n<code>&lt;div class=\"before_after_item_text\"&gt;&lt;?=$item['title_after']?&gt;&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;?php } ?&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><\/p>\n<p><code>&lt;? if(!$is_preview) { ?&gt;<\/code><br \/>\n<code>&lt;div class=\"btn_centerered_wrapper btn_big_topmargin_wrapper\"&gt;<\/code><br \/>\n<code>&lt;div class=\"slider-controls\"&gt;<\/code><br \/>\n<code>&lt;div role=\"button\" class=\"slide-m-prev\"&gt;<\/code><br \/>\n<code>&lt;svg width=\"22\" height=\"12\" viewBox=\"0 0 22 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"&gt;<\/code><br \/>\n<code>&lt;path opacity=\"0.8\" d=\"M21 6.75C21.4142 6.75 21.75 6.41421 21.75 6C21.75 5.58579 21.4142 5.25 21 5.25V6.75ZM0.469669 5.46967C0.176777 5.76256 0.176777 6.23744 0.469669 6.53033L5.24264 11.3033C5.53553 11.5962 6.01041 11.5962 6.3033 11.3033C6.59619 11.0104 6.59619 10.5355 6.3033 10.2426L2.06066 6L6.3033 1.75736C6.59619 1.46447 6.59619 0.989593 6.3033 0.696699C6.01041 0.403806 5.53553 0.403806 5.24264 0.696699L0.469669 5.46967ZM21 5.25H1V6.75H21V5.25Z\" fill=\"#0052A0\"\/&gt;<\/code><br \/>\n<code>&lt;\/svg&gt; <\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;div class=\"slide-m-dots\"&gt;&lt;\/div&gt;<\/code><br \/>\n<code>&lt;div role=\"button\" class=\"slide-m-next\"&gt;<\/code><br \/>\n<code>&lt;svg width=\"22\" height=\"12\" viewBox=\"0 0 22 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"&gt;<\/code><br \/>\n<code>&lt;path opacity=\"0.8\" d=\"M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75L1 5.25ZM21.5303 6.53033C21.8232 6.23744 21.8232 5.76256 21.5303 5.46967L16.7574 0.696698C16.4645 0.403804 15.9896 0.403804 15.6967 0.696698C15.4038 0.989591 15.4038 1.46446 15.6967 1.75736L19.9393 6L15.6967 10.2426C15.4038 10.5355 15.4038 11.0104 15.6967 11.3033C15.9896 11.5962 16.4645 11.5962 16.7574 11.3033L21.5303 6.53033ZM1 6.75L21 6.75L21 5.25L1 5.25L1 6.75Z\" fill=\"#0052A0\"\/&gt;<\/code><br \/>\n<code>&lt;\/svg&gt; <\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;\/div&gt;<\/code><br \/>\n<code>&lt;?php } ?&gt;<\/code><\/p>\n<p><code>&lt;\/div&gt; <\/code><\/p>\n<p>10. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u043a \u043c\u043e\u0434\u0443\u043b\u044e<\/p>\n<p>\u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \/wp-content\/themes\/corp-cinar\/css<\/p>\n<p>\u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0444\u0430\u0439\u043b before_after.css<\/p>\n<p>\u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u043d\u0435\u0433\u043e:<\/p>\n<p><code>.before_after_item_in{<\/code><br \/>\n<code>display:flex;<\/code><br \/>\n<code>padding-left:35px;<\/code><br \/>\n<code>padding-right:35px;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_before{<\/code><br \/>\n<code>border-right:1px solid #fff;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_after{<\/code><br \/>\n<code>border-left:1px solid #fff;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_before, .before_after_item_after{<\/code><br \/>\n<code>width:50%;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_in img{<\/code><br \/>\n<code>width:100%;<\/code><br \/>\n<code>object-fit:cover;<\/code><br \/>\n<code>height:301px;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_list_wrap{<\/code><br \/>\n<code>margin:0 -35px;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_text{<\/code><br \/>\n<code>text-transform:uppercase;<\/code><br \/>\n<code>font-size: 15px;<\/code><br \/>\n<code>padding-top:22px;<\/code><br \/>\n<code>text-align:center;<\/code><br \/>\n<code>font-weight: 500;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.is_preview .before_after_list_in{<\/code><br \/>\n<code>display:flex;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.is_preview .before_after_list_in .before_after_item{<\/code><br \/>\n<code>width:50%;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.is_preview .before_after_list_in div.before_after_item:nth-of-type(n+3) {<\/code><br \/>\n<code>display: none;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>@media (max-width: 990px) {<\/code><br \/>\n<code>.before_after_item_in img{<\/code><br \/>\n<code>height:200px;<\/code><br \/>\n<code>}<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>@media (max-width: 490px) {<\/code><br \/>\n<code>.before_after_item_text {<\/code><br \/>\n<code>font-size:12px;<\/code><br \/>\n<code>}<\/code><\/p>\n<p><code>.before_after_item_in img{<\/code><br \/>\n<code>height:160px;<\/code><br \/>\n<code>}<\/code><br \/>\n<code>}<\/code><\/p>\n<p>10. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0444\u0430\u0439\u043b before_after.css \u0432 \/wp-content\/themes\/corp-cinar\/parts\/frontend-cssjs.php<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-589 size-full\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21.jpg\" alt=\"\" width=\"1924\" height=\"160\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21.jpg 1924w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21-300x25.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21-1024x85.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21-768x64.jpg 768w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_21-1536x128.jpg 1536w\" sizes=\"(max-width: 1924px) 100vw, 1924px\" \/><\/p>\n<p>11. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0444\u0430\u0439\u043b before_after.css \u0432 \/wp-content\/themes\/corp-cinar\/parts\/devmarket.php \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-591 size-full\" src=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22.jpg\" alt=\"\" width=\"1777\" height=\"116\" srcset=\"https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22.jpg 1777w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22-300x20.jpg 300w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22-1024x67.jpg 1024w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22-768x50.jpg 768w, https:\/\/faq.cinar-studio.ru\/wp-content\/uploads\/2024\/08\/screenshot_22-1536x100.jpg 1536w\" sizes=\"(max-width: 1777px) 100vw, 1777px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u0440\u0430\u0437\u0434\u0435\u043b ACF\u00a0 &#8211; &gt; \u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u043e\u043b\u0435\u0439 &#8211; &gt; \u041c\u043e\u0434\u0443\u043b\u0438 | \u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c 2. \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u0441\u0430\u043c\u044b\u0439 \u043d\u0438\u0437 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c &#8220;\u0432\u043a\u043b\u0430\u0434\u043a\u0443&#8221;, \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0435 &#8220;\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435&#8221; &#8211; \u0420\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435: \u0432\u044b\u0440\u043e\u0432\u043d\u0435\u043d\u043e \u043f\u043e \u043b\u0435\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e 3. \u0414\u0430\u043b\u0435\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u0440\u0443\u043f\u043f\u0443: \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0435: &#8220;before_after_group&#8221; &#8211; \u042d\u0442\u0438\u043a\u0435\u0442\u043a\u0430 \u043f\u043e\u043b\u044f: \u0442\u0430\u043a\u0436\u0435 \u043a\u0430\u043a \u0438 \u0432\u043a\u043b\u0430\u0434\u043a\u0430 &#8220;\u0414\u043e \u0438 \u041f\u043e\u0441\u043b\u0435&#8221; 4. \u0412\u043d\u0443\u0442\u0440\u044c \u0433\u0440\u0443\u043f\u043f\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u043b\u044f: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,7],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/posts\/567"}],"collection":[{"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=567"}],"version-history":[{"count":20,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/posts\/567\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=\/wp\/v2\/posts\/567\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/faq.cinar-studio.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}