Remove all theme CSS & JS from wp_head (but only for 1 page template)

Question

Remove all theme CSS & JS from wp_head (but only for 1 page template)

Heinrich Held

2022年1月6日 10:09

I have a page template, which is working nicely. But when I include , it loads the themes CSS and js files, which breaks my page template.

However, I still need the wp_head for some plugins to work.

Is there a way to stop wp_head from loading any of my theme's CSS js files?

I want the page template to only use its own CSS + js.

Topic page-template wp-head Wordpress

Category Web

Ahmer Wpcoder110 · Accepted Answer · 2022年1月6日 10:09

I modified Heinrich Held answer so this will help new people who are looking to remove, deque and de register theme styles and scripts. The following function will remove all the styles registered.


function remove_all_theme_styles() {
        if ( is_page_template('trading-dashboard.php') ) {
            global $wp_styles,$wp_scripts;
            foreach( $wp_styles->queue as $style ) :
               $handle = $wp_styles->registered[$style]->handle;
               wp_deregister_style($handle);
               wp_dequeue_style($handle);
            endforeach;    
            foreach( $wp_scripts->queue as $script ) :
                $handle = $wp_scripts->registered[$script]->handle;
                wp_dequeue_script($handle);
                wp_deregister_script($handle);
            endforeach;
        }
    }
add_action( 'wp_enqueue_scripts', 'remove_all_theme_styles', 100 );

But let's say you don't want to remove your custom style or script then do something like this


function remove_all_theme_styles() {
        if ( is_page_template('trading-dashboard.php') ) {
            global $wp_styles,$wp_scripts;
            foreach( $wp_styles->queue as $style ) :
               if ($wp_styles->registered[$style]->handle != 'my-custom-style') {
                    $handle = $wp_styles->registered[$style]->handle;
                    wp_deregister_style($handle);
                    wp_dequeue_style($handle);
               }
            endforeach;
            foreach( $wp_scripts->queue as $script ) :
                if ($wp_scripts->registered[$script]->handle != 'my-custom-script') {
                    $handle = $wp_scripts->registered[$script]->handle;
                    wp_dequeue_script($handle);
                    wp_deregister_script($handle);
                }
            endforeach;
        }
    }
add_action( 'wp_enqueue_scripts', 'remove_all_theme_styles', 100 );

Hope this will help someone!

Heinrich Held · Accepted Answer · 2016年11月17日 21:34

Thank you for your help! This solution works with my theme:

function remove_all_theme_styles() {
if ( is_page_template('template-landing.php') ) {
    global $wp_styles;
    $wp_styles->queue = array();
}
}
add_action('wp_print_styles', 'remove_all_theme_styles', 100);

Megan Rose · Accepted Answer · 2016年11月17日 17:46

It depends on if the theme is using enqueued scripts/styles or if they're hard coded in the header.

If the CSS & JS are enqueued, you can dequeue them in the specified template:

function wpse_246547_deregister() {
    if ( is_page_template('YOUR-TEMPLATE.php') ) {
        wp_dequeue_script( 'name-of-script' );
        wp_deregister_script( 'name-of-script' );
        wp_dequeue_style( 'name-of-stylesheet' );
        wp_deregister_style( 'name-of-stylesheet' );
    }
}
add_action( 'wp_enqueue_scripts', 'wpse_246547_deregister', 100 );

https://codex.wordpress.org/Function_Reference/wp_dequeue_script https://codex.wordpress.org/Function_Reference/wp_dequeue_style

If the CSS & JS references are hard-coded in the header.php file, you can specify in your template to use a different header file (in this example, it would look for header-alt.php):

get_header( 'alt' );

https://codex.wordpress.org/Function_Reference/get_header#Multiple_Headers

Rarst · Accepted Answer · 2016年11月17日 16:24

There is no clear way to reliably do that (sans hacky approaches like buffering page output).

Assuming that everything only ever uses proper WP APIs to queue you could de–queue all resources. A little more harsh way would be to unhook wp_print_styles(), wp_print_scripts(), and wp_print_footer_scrtipts().

In a nutshell there is no easy way to do this thoroughly and cleanly. You either do something drastic like removing head/footer hooks altogether or you have to micromanage it script by script.

Remove all theme CSS & JS from wp_head (but only for 1 page template)

About