Как правильно добавлять файл стилей на WordPress?

Вот пример - код надо добавить в functions.php дочерней темы.

function my_scripts() {
    // Theme stylesheet.
    wp_enqueue_style( 'my-style', get_stylesheet_uri() );
    // Theme script
    wp_register_script('my-script', get_template_directory_uri() . '/my-script.js', array('jquery'), false, true);
    wp_enqueue_script('my-script');
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

Подробнее тут.

В папке с темой создаешь отдельный файл (custom_function.php) В него через кастомные функции подключаешь свои файлы js и css. И не забываешь про add_action.

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
// add_action('wp_print_styles', 'theme_name_scripts'); // можно использовать этот хук он более поздний
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

А потом свой файл custom_function добавляешь в файл function.php твоей темы.