O'Reilly

Remove Plugin Stylesheets and Scripts in WordPress

By on  

Many WordPress plugins implicitly inject stylesheets and JavaScript files into the page on each page load.  If you don't plan on custom-styling for elements created by the plugin, that's no problem...but you can get caught in a CSS specificity battle if you do intend custom styling.  If the plugin is created properly (which is sometimes a big "if" when it comes to WordPress plugins), you can programmatically tell these files not to load from within your given theme.

When scripts and styles are added properly, they use the wp_enqueue_style and wp_enqueue_script functions within the plugin files as such:

// Styles Format:  wp_enqueue_style($handle, $src, $deps, $ver, $media);
wp_register_style('pagination-style', plugins_url('style.css', __FILE__));
wp_enqueue_style('pagination-style');

// Script Format:  wp_enqueue_script($handle, $src, $deps, $ver, $in_footer);
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
wp_enqueue_script('jquery');

Those handle names are incredibly important, as within your theme's functions.php you'll be adding their counterpart calls of wp_dequeue_style and wp_dequeue_script functions:

// Get out of my page!
wp_dequeue_style('pagination-style');
wp_dequeue_script('jquery');

In the past I've argued that each plugin should make including their styles and scripts optional, but with these simple functions, I'm not as frustrated as I once was.  You'll need to dig into the plugin code to find their script and style handles, but it will be will worth it in the end!

Track.js Error Reporting

Recent Features

  • 9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

  • 5 HTML5 APIs You Didn&#8217;t Know Existed

    When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It."  Can you blame us though?  We watched the fundamental APIs stagnate for so long that a basic feature...

Incredible Demos

  • PHP / MooTools 1.2 Accordion Helper

    The MooTools Accordion plugin seems to be the plugin that people seem to have the most problems with. It's an awesome plugin, so I can see why so many people want to use it, but I think that may be part of the problem....

  • CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Discussion

  1. Nice. This is an excellent solution that will update-proof, since the wp_dequeue is in the theme’s functions.php file. Questions: Should this be done for every plugin or should one check to see if they already have a wp_dequeue written in the plugin’s code? And if you perform this across the board will there likely be an error stating the duplicate wp_dequeue? Thanks for another great tip!

  2. Jorge Padron

    Question: If we disable the plugin style by adding a wp_dequeue in the theme’s functions.php, what happens when we (or the client) updates the theme? The theme’s functions.php would be replaced in the process and our wp_dequeue entries would disappear… right?

  3. Jason Haeger

    Jorge,

    That’s why theme changes should be made via child themes.

  4. doesn’t work…

    What am I doing wrong?:

    /* turns off widget/plugin css from being registered and printed in the head of the header.php */	
    function remove_unwanted_css(){
    	wp_dequeue_style('Tippy-css', plugins_url('http://ceracom.com/wp_ceracom/wp-content/plugins/tippy/jquery.tippy.css'));
    }
    add_action('init','remove_unwanted_css');
    

    HELP!

  5. rama

    Hi,

    I am new to web development. I want to remove prettyphoto Js from the Inovado theme in the website These js files came along with the theme. Can you help me in this issue.

  6. function remove_unwanted_css(){
    	wp_dequeue_style('Tippy-css');
    }
    add_action('init','remove_unwanted_css', 100);
    

    Ought to work, or at least that is what worked for me. You don’t need a URL to dequeue, and you may need to weight your action, I don’t really remember what the numbers mean but it’s order of execution and if you are dequeueing before the plugin queues it, well, you should understand.

  7. sorry, the last line I have as:

    add_action( 'wp_enqueue_scripts', 'remove_unwanted_css', 100 );
    
  8. What is the Exact code for theme’s functions.php file. please write here which is the correct function code for my blog

    • @umesh, use wp_enqueue_scripts not init

      add_action( 'wp_enqueue_scripts', 'modify_script_function_name', 100 );
      

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!

Recently on David Walsh Blog

  • JavaScript Polling

    Polling with JavaScript is one of those ugly but important functions within advanced front-end user experience and testing practices.  Sometimes there isn't the event you can hook into to signify that a given task is complete, so you need to get your hands dirty and simply poll for...

  • OSCON Portland:  Conference Giveaway and Discount!

    O'Reilly puts on the best web industry conferences in the world.  These conferences include Fluent Conference, Velocity Conference, and the upcoming OSCON in Portland, Oregon from July 20-24.  Open Source Convention (OSCON) is a conference that focuses specifically on open source developers and the tools and possibilities...

  • Prevent Chrome from Translating a Page

    A while back I shared my favorite Google Chrome extension:  Google Art Project.  I've enjoyed seeing beautiful art when I open a new tab -- it's brought genuine happiness to my day, however small that happiness may be.  About a week ago, however, the art presented had...

  • Create Any Type Of Website With These Multi-Purpose Themes

    We have selected what we believe are the very best multipurpose WordPress themes on the market today. Our list contains a number of best sellers, several newcomers that are proving to be highly popular, and a few themes that are ideal for creating the types of...

  • An Introduction to Static Site Generators

    Static site generators seem to have been becoming more and more popular recently, but they’re not one of those ephemeral novelty things that grow in popularity as quickly as they fall into oblivion shortly after. For over a decade, many different projects — 394 of...