How To Include CSS and jQuery in my wordpress plugin ?

Mar 13, 2012   //   by phpfreelancer.biz   //   Blog, Wordpress Plugin Tutorial  //  No Comments

How To Include CSS and jQuery in my wordpress plugin ?

For styles wp_register_style( ‘namespace’, ‘http://locationofcss.com/mycss.css’ );Then use: wp_enqueue_style(‘namespace’); wherever you want the css to load.

Scripts are as above but the quicker way for loading jquery is just to use enqueue loaded in an init for the page you want it to load on: wp_enqueue_script(‘jquery’);Unless of course you want to use the google repository for jquery.

You can also conditionally load the jquery library that your script is dependent on: wp_enqueue_script(‘namespaceformyscript’, ‘http://locationofscript.com/myscript.js’, array(‘jquery’));

Example

function your_css_and_js() {
wp_register_style('your_css_and_js', plugins_url('style.css',__FILE__ ));
wp_enqueue_style('your_css_and_js');
wp_register_script( 'your_css_and_js', plugins_url('your_script.js',__FILE__ ));
wp_enqueue_script('your_css_and_js');
}
add_action( 'admin_init','your_css_and_js');

Leave a comment

Share This Post

RSS Wordpress News