When activated, some plugins automatically ads their css stylesheet to your WordPress blog. This is great in most cases, but it is a lot cleaner to have all your css styles in one stylesheet. Here’s a hack to disable plugin specific stylesheets.
The first thing to do is to open the plugin file and find the code which include a plugin-specific stylesheet in the blog header. This function is called wp_enqueue_style(). For example, in case of the useful wp-pagenavi plugin, the code to find is:
wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');
What we need to find is the handle. The handle is the first argument of the wp_enqueue_style() function, so in the previous example, wp-pagenavi is the handle we need.
Once done, open your functions.php file and paste the following code in it:
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'wp-pagenavi' );
// deregister as many stylesheets as you need...
}
Thanks to Justin Tadlock for this great recipe!
If you enjoyed this article, please consider sharing it!
Leave a Comment
- Neatothemesget 20% off every theme […]
- WordPress Defendersave $4 on your purchase […]
- Templaticsave 20% on your purchase […]
- Squeeze Themeget 25% off your order […]
- Canvas ThemeGet 25% off the Canvas theme […]
- WPShiftsave 10% on your order […]
- ModThemessave 15% off your purchase […]
- Zidalgo Themessave 20% on your order […]
- WooThemessave 20% on your purchase […]
- Autobloggedsave $40 on multi-site licence […]
On Twitter : Are you on DesignBump? If yes, I'll appreciate your support! Thanks a lot in advance :) http://bit.ly/dbkPHW
Theme & content : Copyright © 2008 - 2010 Jean-Baptiste Jung. Graphic art by GreenBubbles.org.ua, all right reserved.
14 Responses
How can i print the css only in a specific 1 or 2 pages?
Thanks
How do I do this for a Javascript?
@Viktor: Go here and you’ll get your answer
What a coincidence, I was actually trying to figure out how to disable plugin styles the other day with the PageNavi plugin.
What I eventually did was put a pagenavi-css.css file in my theme directory, which overrides the one in the plugin folder so it’s easier to edit.
Thanks Jean-Baptiste! … and thanks for the link about the JS disabling!
Thank you a lot for the trick!
I’ve done this with a few sites in the past and it really saves time.
I used to just delete the line from the plug-in its self, but that was useless when you end up updating the plug-ins every so often.
Thanks for sharing!
Ok, I did it and will see if it works!
Hey – Ive noticed this from time to time but didnt know how to get around it. THANKS for the info!
Great trick. Thank u.
just in time. i hate the automatic styling of plugins.
Smart solutions
Thanks also i don’t like automatic styling of plugins and changed them manualy
Trackbacks: