admin_enqueue_scripts is the first action hooked into the admin scripts actions. It provides a single parameter, the $hook_suffix for the current admin page. Despite the name, it is used for enqueuing both scripts and styles.
<?php add_action( 'admin_enqueue_scripts', 'function_name' ); ?>
where "function_name" is the name of the function to be called.
Sometimes you want to load a set of CSS and/or Javascript documents to all admin pages. You can do this from within your plugin or from your themes function file:
function load_custom_wp_admin_style() { wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' ); wp_enqueue_style( 'custom_wp_admin_css' ); } add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
In this example we are loading a CSS file from the current active "parent" themes directory.
function load_custom_wp_admin_style($hook) { // Load only on ?page=mypluginname if($hook != 'toplevel_page_mypluginname') { return; } wp_enqueue_style( 'custom_wp_admin_css', plugins_url('admin-style.css', __FILE__) ); } add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
This example can be used by a plugin file in your plugins folder. It will only load when you plugin page in the WP-admin page is loaded.
If you are unsure what your $hook name is .. use this to determine your hookname. Put the code after the { from the function
wp_die($hook);
The admin_enqueue_scripts action hook can also be used to target a specific admin page. In this example we are loading a javascript file in the head section of edit.php.
function my_enqueue($hook) { if ( 'edit.php' != $hook ) { return; } wp_enqueue_script( 'my_custom_script', get_template_directory_uri() . '/myscript.js' ); } add_action( 'admin_enqueue_scripts', 'my_enqueue' );
wp_enqueue_scripts
- for enqueuing on front pageslogin_enqueue_scripts
- for enqueuing on the login pageEnqueue Styles
Enqueue Scripts
Front-End Hooks
Admin Hooks
Login Hooks