wordpress enqueue script on specific admin page

WORDPRESS ENQUEUE SCRIPT ON SPECIFIC ADMIN PAGE HOW TO

In this case, ours is dependent on jQuery. Dependencies: This specifies other JavaScript libraries that our script is dependent upon.The plugins_url function makes it easy for us to add this, without needing to know the exact URL of the file, since our plugin could be installed on many other sites. In this case, we’re using a file called script.js, which is located in the same folder as the file that is adding this function. Source: This is the location of the file we want to load.This helps makes sure the script is only loaded once.

This is the unique name of the script so that WordPress can identify it.

Handle: This is the ‘sd_my_cool_script’ portion.

There are five pieces to the wp_register_script function. Wp_enqueue_script( 'sd_my_cool_script' ) wp_enqueue_style( 'sd_my_styles', plugins_url( 'styles.css', _FILE_ ), '', '1.0' ) Īdd_action( 'wp_enqueue_scripts', 'sd_add_scripts' ) Wp_register_script( 'sd_my_cool_script', plugins_url( 'script.js', _FILE_ ), array( 'jquery' ), '1.0', true ) It is possible to load a script or style into the site header using the wp_head action.įunction sd_load_script ( ) Īdd_action ( 'wp_enqueue_scripts', 'sd_add_scripts' )

WORDPRESS ENQUEUE SCRIPT ON SPECIFIC ADMIN PAGE HOW TO

Next, we’ll look at how to properly load scripts and styles. We’ve done a lot to advance on the basics of WordPress plugin development during the Intro to WordPress Plugin Development series. Intro to WordPress Plugin Development: Separate Into Multiple Files.Intro to WordPress Plugin Development: Object Oriented Programming.Intro to WordPress Plugin Development: Sanitize and Validate Data.Intro to WordPress Plugin Development: Adding a Settings Page.Intro to WordPress Plugin Development: Add a Menu to Dashboard.Intro to WordPress Plugin Development: Loading Scripts and Styles.Intro to WordPress Plugin Development: Shortcodes.Intro to WordPress Plugin Development: Register Custom Post Types.Intro to WordPress Plugin Development: Using Actions.

Intro to WordPress Plugin Development: Using Filters.Intro to WordPress Plugin Development: Best Practices.

Wordpress enqueue script on specific admin page