WordPress : Comment puis-je créer un nouveau fichier .css dans les styles de remplacement du thème enfant dans le style.css du thème enfant

Je souhaite créer un fichier responsive.css séparé dans mon thème enfant, mais j’ai du mal à faire en sorte que les requêtes multimédias remplacent les styles dans le style.css par défaut du thème enfant.

J’ai essayé de mettre <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/responsive.css" type="text/css" media="screen"/>après le <?php wp_head(); ?>code, ce qui fonctionne, mais j’ai lu que ce n’était pas une bonne pratique.

Je ne veux pas vraiment ajouter les media queries à la fin de style.css car il est déjà volumineux et devient assez déroutant !

Solution n°1 trouvée

Le 3ème paramètre accepté par wp_enqueue_scriptest $dependencies… c’est-à-dire quelles feuilles de style doivent être chargées avant.

function wpa_115637(){
    wp_enqueue_style(
        'wpa_custom',
        get_stylesheet_directory_uri() . '/responsive.css',
        'main_style' // use the handle that you used when you enqueued the main stylesheet
    );
}
add_action( 'wp_enqueue_scripts', 'wpa_115637' );

Solution n°2 trouvée

Vous pouvez mettre en file d’attente votre propre feuille de style en l’ajoutant au functions.phpfichier de votre thème enfant :

function wpa_custom_css(){
    wp_enqueue_style(
        'wpa_custom',
        get_stylesheet_directory_uri() . '/responsive.css'
    );
}
add_action( 'wp_enqueue_scripts', 'wpa_custom_css', 999 );

Cela chargera le fichier responsive.csssitué dans le répertoire de votre thème enfant. La priorité est définie très faible (999) de sorte qu’il est plus susceptible d’apparaître après d’autres styles qui peuvent être mis en file d’attente sur la même action.