home iconAccueil / wordpress / Comment retirer correctement les scripts et les styles dans le thème enfant?

Comment retirer correctement les scripts et les styles dans le thème enfant?

    • vote up icon 13 vote down icon
    • translation icon
    • view icon32168 calendar icon2015-05-31

    J'ai créé unthèmeparentet unthèmeenfant dans l'un demesprojets. J'aimisen file d'attente CSSet JavaScripts dansmonthèmeparent comme ci-dessous: 

     function project_necessary_scripts() {
    //Stylesheets
    wp_register_style( 'bootstrap-css', get_template_directory_uri() .'/css/bootstrap.min.css' );
    wp_register_style( 'bootstrap-map', get_template_directory_uri() .'/css/bootstrap.css.map' );
    wp_register_style( 'project-css', get_stylesheet_uri() );

    wp_enqueue_style( 'bootstrap-css' );
    wp_enqueue_style( 'bootstrap-map' );
    wp_enqueue_style( 'project-css' );

    //JavaScripts
    wp_register_script( 'modernizr-js', get_template_directory_uri() .'/js/modernizr-2.8.3.min.js', array(), '2.8.3' );
    wp_register_script( 'project-js', get_template_directory_uri() .'/js/project.min.js', array('jquery'), '20150401', true );

    wp_enqueue_script( 'modernizr-js' );
    wp_enqueue_script( 'project-js' );
}
add_action( 'wp_enqueue_scripts', 'project_necessary_scripts' );

    Maintenant,dansmon thèmeenfant ,je souhaite retirer certainesfeuilles de styleet javascripts. J'ai donc utilisé le code suivant: 

     function project_dequeue_unnecessary_scripts() {
    wp_dequeue_style( 'bootstrap-map' );
    wp_dequeue_script( 'modernizr-js' );
    wp_dequeue_script( 'project-js' );
}
add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts' );

    Maisen fait,lefichier bootstrap.css.mapesttoujoursen file d'attente,mais leprojet-jsmodernizr-jsne se chargepas,doncilfonctionnepartiellement. Commentpuis-je résoudre ceproblème?

    J'aimêmeessayé des actionsprioritaires: 

     add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts', 11 );
    wp-enqueue-script child-theme scripts wp-register-script

1  réponses

  • votes
    • accept answer icon
    • translation icon
    • calendar icon 2015-05-31

    Vous êtestrèsprès de la solution,car vous êtes sur labonne voie. Justepourpeaufiner unpeu:

    Ilexiste deuxtels hooks d'action:

    1. wp_print_scripts et
    2. wp_print_styles

    Donc,lafaçon dont vouspouvez lefaireest de: accrocher les différemment: 

     //Dequeue Styles
function project_dequeue_unnecessary_styles() {
    wp_dequeue_style( 'bootstrap-map' );
        wp_deregister_style( 'bootstrap-map' );
}
add_action( 'wp_print_styles', 'project_dequeue_unnecessary_styles' );

//Dequeue JavaScripts
function project_dequeue_unnecessary_scripts() {
    wp_dequeue_script( 'modernizr-js' );
        wp_deregister_script( 'modernizr-js' );
    wp_dequeue_script( 'project-js' );
        wp_deregister_script( 'project-js' );
}
add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts' );

    Et labonnefaçonest de les désinscrireen plus de la suppression de lafile d'attente. Alors commencezpar les retirer de lafile d'attente,puis supprimez-lesen conséquence.

    • selon [docs] (https://codex.wordpress.org/Plugin_API/Action_Reference/wp_print_scripts): _Depuis WordPress 3.3,wp_print_scriptsne doitpas être utilisépourmettreen file d'attente des styles ou des scripts.Utilisezplutôt wp_enqueue_scripts._
    • @ user1264304 Nousne mettonspas les chosesen file d'attenteici,nous les retirons de lafile d'attente.
    • oui,mais selon [lien] (https://stackoverflow.com/questions/1157531/how-can-i-remove-jquery-from-the-frontside-of-my-wordpress/27048128#27048128),on devraitutilisez `add_filter ('wp_enqueue_scripts','project_dequeue_unnizable_scripts')`