Dans cet article précédent Charger JS et CSS WordPress j’expliquais comment charger les scripts mais voilà avec les nouvelles versions de WP, la méthode à changer.

Maintenant il faut utiliser 2 hooks pour charger les scripts :

// pour le front
add_action('wp_enqueue_scripts', 'front_wp_enqueue_scripts');

// pour le back
add_action('admin_enqueue_scripts', 'back_enqueue_scripts');

Pour le cas pratique :

add_action('wp_enqueue_scripts', 'front_wp_enqueue_scripts');

function front_wp_enqueue_scripts(){
    wp_register_style( 'styles', get_template_directory_uri() . '/styles.css', array(),'50130413', 'all' );
    wp_enqueue_style( 'styles' );

    wp_register_script('scripts', get_template_directory_uri() . '/js/scripts.js');
    wp_enqueue_script('scripts');
}

La méthode est la même pour le back en utilisant le bon hook.