WORDPRESS ENQUEUE ADMIN SCRIPT UPDATE
WORDPRESS ENQUEUE ADMIN SCRIPT CODE

The enqueuing mechanism can add scripts to the footer using the fifth parameter (the fourth being an optional version number). This increases apparent page load times and can prevent your website from hanging while loading scripts, especially if they contain AJAX calls.

Whenever you can get away with loading scripts in the footer, you should. WordPress now knows which scripts we need and can calculate which order they need to be added to the page. That said, it may be a good idea to state all dependencies, just to make sure nothing can break if you forget to include a dependency. Note that even though our second script relies on jQuery, we do not need to specify this, as our first script will already load jQuery. Let’s assume that the first script is a gallery, the second is an extension to that which makes images open up in a lightbox. Wp_enqueue_script( 'custom-gallery-lightbox', plugins_url( '/js/gallery-lightbox.js', _FILE_ ), array( 'custom-gallery' ) ) Here’s an example: add_action( 'wp_enqueue_scripts', 'my_plugin_assets' ) If you have dependencies of your own, you will need to register them, otherwise your scripts won’t load. You can find a list of scripts and styles available in WordPress in the Codex. We do not need to register or enqueue jQuery ourselves because it is already a part of WordPress. Wp_enqueue_script( 'custom-gallery', plugins_url( '/js/gallery.js', _FILE_ ), array( 'jquery' ) ) Our example above would most probably rely on jQuery so let’s specify that now: add_action( 'wp_enqueue_scripts', 'my_plugin_assets' ) The third parameter is an array of registered scripts/styles that need to be loaded before the current asset is enqueued.

You can also use the enqueuing functions right away if you don’t need to separate them. WordPress’ enqueueing mechanism has built-in support for dependency management, using the third argument of both wp_register_style() and wp_register_script() functions. add_action( 'wp_enqueue_scripts', 'my_plugin_assets' ) Īdd_shortcode( 'custom_gallery', 'custom_gallery' ) In a real-world example we could use the wp_enqueue_scripts hook to register the assets and the shortcode’s function to enqueue them. If I were to separate the two functions I would do so by using them in different hooks. Wp_enqueue_script( 'custom-gallery', plugins_url( '/js/gallery.js', _FILE_ ) ) Wp_enqueue_style( 'custom-gallery', plugins_url( '/css/gallery.css', _FILE_ ) ) In fact, you can use the enqueue functions to register and enqueue right away, by using the same arguments as you do in the register functions: add_action( 'wp_enqueue_scripts', 'my_plugin_assets' ) In the example above I registered and enqueued the assets within the same function, which is a bit redundant. Wp_register_script( 'custom-gallery', plugins_url( '/js/gallery.js', _FILE_ ) ) Wp_register_style( 'custom-gallery', plugins_url( '/css/gallery.css', _FILE_ ) ) add_action( 'wp_enqueue_scripts', 'my_plugin_assets' ) Within the hooked function you can use the wp_register_script(), wp_enqueue_script(), wp_register_style() and wp_enqueue_style() functions. To enqueue scripts and styles in the front-end you’ll need to use the wp_enqueue_scripts hook. * int $hook Hook suffix for the current admin page.Enqueueing Basics With wp_enqueue_scripts * Enqueue a script in the WordPress admin on edit.php. $hook_suffix : (string) The current admin page.Parametersīelow the 1 parameter is required to use this hook. Sometime, you have to remove a registered hook so you can use remove_action to remove admin_enqueue_scripts action. The first parameter admin_enqueue_scripts is name of the hook, The second parameter execute_on_admin_enqueue_scripts_event is name of the function which need to be called, third parameter is the priority of calling the hook if same hook is used multiple times and the last parameter is the number of arguments (if any) to be passed in the registered function. In the below live example, we have defined a function execute_on_admin_enqueue_scripts_event which takes 1 parameters and we registered using add_action.

WORDPRESS ENQUEUE ADMIN SCRIPT UPDATE

We at Flipper Code, always prefer to create a custom WordPress Plugin while using hooks so nothing breaks when you update your WordPress Theme in the future.

WORDPRESS ENQUEUE ADMIN SCRIPT CODE

You can write this code into functions.php of your activated theme or in a custom WordPress Plugin. To use admin_enqueue_scripts action, first you have to register it using add_action.

Wordpress enqueue admin script