David Ansermot Web Developer / TYPO3 Integrator

Including JS and CSS in WP Header

Lot of people add Javascript and Css file by “echoing” them from theyre extension.
WordPress allow you to add correctly them to the page’s head by using two functions :

// Add a new script file


wp_enqueue_script($handle, $src, $deps, $ver, $in_footer);


wp_enqueue_script('jsfoo', '/wp-content/plugins/myplugin/JS/foo.js');


 


// Add a new stylesheet


wp_enqueue_style($handle, $src, $deps, $ver, $media);


wp_enqueue_style('main', '/wp-content/plugins/myplugin/main.css');

For more informations :
wp_enqueue_style();
wp_enqueue_script();

Posts that maybe you want to read ::

• Google Maps – Center and fit map to a group of markers
• PHP – Remote post on WordPress using cUrl
• jQuery – Element exists ?
• Google Maps – InfoWindow layout broken
• HowTo Detect SSL in PHP