04 Подключение стилей и скриптов в WordPress теме
1 В корне темы создаем файл functions.php
2 В файле functions.php добавить код:
add_action( 'wp_enqueue_scripts', 'speert_name_scripts' ); function speert_name_scripts() { wp_enqueue_style( 'style-main', get_stylesheet_uri() ); wp_enqueue_style( 'style-min', get_stylesheet_directory_uri().'/css/main.min.css' ); wp_enqueue_style( 'slick-theme', get_stylesheet_directory_uri().'/libs/slick/slick-theme.css' ); wp_enqueue_script( 'script-min', get_template_directory_uri() . '/js/scripts.min.js', array(), false, true ); wp_enqueue_script( 'script-slick', get_template_directory_uri() . '/libs/slick/slick.min.js', array(), false, true ); //выводим стиль только на станицах single if (is_single()){ wp_enqueue_style( 'single-page', get_stylesheet_directory_uri().'single.css' ); } }
Не забываем в хедере вставлять перед </head>: <?php wp_head(); ?>
в футере прямо перед закрывающим HTML тегом </body>: <?php wp_footer(); ?>