Andrei | рефакторинг проекта (разнес статику страницы производства)

wp-content/themes/cosmopet/modules/static-pages/production/template-prod-page.php

@@ -9,10 +9,9 @@
 <?php
 
 add_action('wp_enqueue_scripts', function() {
-    enqueue_static_assets('front-page'); // Для директории /static/main/
-    enqueue_static_assets('production'); // Для директории /static/main/
-    // С дополнительными параметрами
-    // enqueue_static_assets('theme', ['css' => false, 'version' => '1.0.0']);
+wp_enqueue_style('gp-front-page-style', get_template_directory_uri() . '/static/css/front-page.css');
+wp_enqueue_style('gp-prod-page-style', get_template_directory_uri() . '/static/css/production-page.css');
+wp_enqueue_script( 'gp-prod-page-main', get_template_directory_uri() . '/static/js/production-page.js', array(), null, true );
 });
 
 $context = Timber::get_context();

wp-content/themes/cosmopet/templates/_pages/production.twig

@@ -12,15 +12,15 @@
             <h1 class="hero_title">{{title}}</h1>
             <a href="#production_steps" class="home_link main_link">{{btn_text}}</a>
         </div>
-        <img src="{{ theme.link }}/static/production/img/home-line.svg" alt="" class="home_line">
-        <img src="{{ theme.link }}/static/production/img/home-line2.svg" alt="" class="home_line2">
+        <img src="{{ theme.link }}/static/img/home-line.svg" alt="" class="home_line">
+        <img src="{{ theme.link }}/static/img/home-line2.svg" alt="" class="home_line2">
     </div>
-    <img class="hero_image" src="{{ theme.link }}/static/production/img/production_main.png" alt="hero image">
+    <img class="hero_image" src="{{ theme.link }}/static/img/production_main.png" alt="hero image">
 </section>
 
 <section class="production_steps" id="production_steps">
     <div class="container">
-        <img class="steps_main_photo" src="{{ theme.link }}/static/production/img/steps_main_photo.png" alt="">
+        <img class="steps_main_photo" src="{{ theme.link }}/static/img/steps_main_photo.png" alt="">
         <div>
         {% for item in desc %}
         <p class="steps_desc{% if item.small_text %}--min{% endif %}">{{ item.text }}</p>
@@ -58,7 +58,7 @@
                         </div>
                     </div>
                     {% endfor %}
-                    <img class="step_line" src="{{ theme.link }}/static/production/img/step_line1.png" alt="">
+                    <img class="step_line" src="{{ theme.link }}/static/img/step_line1.png" alt="">
                 </div>
             </div>
         {% endif %}
@@ -92,9 +92,9 @@
                     </div>
                     {% endfor %}
                     <div>
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line2.png" alt="">
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line3.png" alt="">
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line4.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line2.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line3.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line4.png" alt="">
                     </div>
                 </div>
             </div>
@@ -129,8 +129,8 @@
                     </div>
                     {% endfor %}
                     <div>
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line4.png" alt="">
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line5.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line4.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line5.png" alt="">
                     </div>
                 </div>
             </div>
@@ -165,8 +165,8 @@
                     </div>
                     {% endfor %}
                     <div>
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line7.png" alt="">
-                        <img class="step_line" src="{{ theme.link }}/static/production/img/step_line8.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line7.png" alt="">
+                        <img class="step_line" src="{{ theme.link }}/static/img/step_line8.png" alt="">
                     </div>
                 </div>
             </div>
@@ -192,7 +192,7 @@
                 </div>
             </div>
             {% endfor %}
-            <div class="last_step_image"><img src="{{ theme.link }}/static/production/img/feed8.png" alt=""></div>
+            <div class="last_step_image"><img src="{{ theme.link }}/static/img/feed8.png" alt=""></div>
             <svg class="steps_line" xmlns="http://www.w3.org/2000/svg" width="902" height="2595" viewBox="0 0 902 2595"
                 fill="none">
                 <path