Почему мой пользовательский CSS не загружается?

Я добавляю плагин jQuery на сайт, над которым работаю. Не нужно и говорить, что это требует загрузки пользовательского скрипта; также требуется пользовательская таблица стилей.

Начав с таблицы стилей, я пытался подойти к этому обычным способом, используя wp_register_style() и wp_enqueue_style() следующим образом:

if ( ! function_exists( 'add_additional_css' ) ) {
    function add_additional_css() {
        wp_enqueue_style( 'webmarket-child', get_stylesheet_uri() , array( 'main' ) );
        wp_register_style( 'slick', get_stylesheet_directory_uri() . '/slick/slick.css', array( 'jquery' ) );
        wp_enqueue_style( 'slick' );
    }
    add_action( 'wp_enqueue_scripts', 'add_additional_css', 20 )

Это из functions.php моей дочерней темы, поэтому он также включает в себя зарегистрированный стиль ‘webmarket-child’.

Я проверил и перепроверил свой код, и думаю, что ничего не из ряда вон выходящего, но таблица стилей не загружается.

Что может мешать этому загружаться?

Касательно: Когда я изначально создавал дочернюю тему, у меня были проблемы с загрузкой таблицы стилей дочерней темы. Только добавив приведенный выше код, я смог заставить таблицу стилей загрузиться. Лучшей практикой является:

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
    function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

это не сработало. Я не могу не думать, что причина, по которой это не сработало, также может быть связана с тем, почему я не могу загрузить дополнительную таблицу стилей.

Эй, пожалуйста, включите таблицу стилей вот так:

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
    function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_stylesheet_uri() );
}

А также таблица стилей не требует загрузки jQuery, поэтому, пожалуйста, измените ваш код вот так:

if ( ! function_exists( 'add_additional_css' ) ) {
function add_additional_css() {
    wp_enqueue_style( 'webmarket-child', get_stylesheet_uri() , array( 'main' ) );
    wp_register_style( 'slick', get_stylesheet_directory_uri() . '/slick/slick.css');
    wp_enqueue_style('slick');
}
add_action( 'wp_enqueue_scripts', 'add_additional_css', 20 ) 

Я думаю, это сработает нормально.

У вас неправильный массив зависимостей в этой строке:

wp_register_style( 'slick', get_stylesheet_directory_uri() . '/slick/slick.css', array( 'jquery' ) );

Смотрите, вы хотите загрузить файл slick.css, но он зависит от jquery CSS, который не существует.

Зависимость jQuery доступна только для скриптов.

Если вы хотите использовать slick slider CSS и JS, вы можете регистрировать скрипты.

   if ( ! function_exists( 'add_additional_css' ) ) {

 //Регистрация скриптов
add_action('wp_enqueue_scripts', 'add_additional_css', 20);

function wp_enqueue_all_scripts(){

    //добавление slick slider
    wp_register_style('slickcss', get_template_directory_uri() . '/slick/slick.css' );
 

    //загрузка slick js
    wp_register_script('slickslider', get_template_directory_uri() . '/slick/slick.min.js', array('jquery'), '', true );

    //загрузка скрипта инициализации slick
    wp_register_script( 'slickinit', get_template_directory_uri() . '/your-custom-folder/js/custom-slick-init.js',  array( 'jquery' ) );

    // загрузка slick на страницу
    
        wp_enqueue_style( 'slickcss' );
        wp_enqueue_script ('slickslider');
        wp_enqueue_script ('slickinit');
        
}

}