[How To] (De-)register a Style Sheet in WordPress

How do register styles

Just like JavaScript, CSS files shouldn’t be added to WordPress directly, but by using the WordPress API.

If you want to add your own CSS file to WordPress, there are two method calls you should be aware of:


the usage is pretty simple:

wp_register_style('css-name', 'location-to-your-css-file', __FILE__), array(), 'version-number', 'screen');

this will register your CSS file and add it to the site header.

How to deregister styles

Now, if you want to get rid of a Style Sheet that is added by your theme or a plugin you use, there is also a simple way to do that (given that the methods mentioned above are used to add the Style Sheet):

wp_deregister_style (unfortunately, no description is available on the WordPress site)

You will have to know the name with which the Style Sheet is registered. For example, if you use my jQuery Colorbox plugin and choose the first theme, the Style Sheet will be registered with the name “colorbox-theme1”.

Now, in order to deregister the Style Sheet, you’ll have to add the following lines to your functions.php:

add_action( 'wp_print_styles', 'custom_deregister_styles', 100 );
function custom_deregister_styles() {
  wp_deregister_style( 'colorbox-theme1' );

wp_register_style @ WordPress Codex
wp_enqueue_style @ WordPress Codex

[How To] Load Javascript in WordPress

If your WordPress plugin or theme uses JavaScript, it is essential to know how to include it so that you don’t break other JavaScript libraries or plugins/themes that use JavaScript.

The straight forward way to load JavaScript is of course to embed a script tag with the JS file as a src attribute:

<script src="my-plugin/js/jquery.js"></script>

Of course you can load your own custom JavaScript that way, but don’t do that if you are loading a JavaScript library! Check the list of JavaScript libraries supplied by WordPress. Do not include a library with your theme/plugin if WordPress already brings it along!!!

WordPress offers a nice and easy way to load JavaScript libraries, the wp_enqueue_script() function. If you are including a JavaScript file that depends on e.g. jQuery, you can just tell WordPress and it will load jQuery for you!

Example from my jQuery Colorbox plugin:

wp_enqueue_script('colorbox', plugins_url('js/jquery.colorbox-min.js', __FILE__), array('jquery'), '1.3.6');

I tell WordPress to load the Colorbox JavaScript library that depends on jQuery. WordPress makes sure that the jQuery library is loaded before my JavaScript is loaded so everything will work as expected.

wp_enqueue_script description @ WordPress
JavaScript libraries supplied by WordPress