Home » WordPress » How to add custom css to wordpress admin

How to add custom css to wordpress admin

admin_enqueue_scripts is the proper hook to use when enqueuing scripts and styles to admin area

do_action( ‘admin_enqueue_scripts’, string $hook_suffix )

First Solution:

add_action( 'admin_enqueue_scripts', 'wpdumi_load_admin_style' );

function wpdumi_load_admin_style() {
    wp_enqueue_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
}

Second Solution:

add_action( 'admin_enqueue_scripts', 'wpdumi_load_admin_style' );
function wpdumi_load_admin_style() {
    wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css', false, '1.0.0' );
}

Adding More Style sheets:

add_action( 'admin_enqueue_scripts', 'wpdumi_load_admin_styles' );
function wpdumi_load_admin_styles() {
    wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css', false, '1.0.0' );
    wp_enqueue_style( 'admin_css_bar', get_template_directory_uri() . '/admin-style-bar.css', false, '1.0.0' );
}
Duminda Wijerathna

An all round web designer building websites Over 18 years. Interested in achieving a suitable placement in the field of IT in a growth oriented organization which offers diverse job responsibilities in order to utilize and improve my skills, Knowledge and experience.

Leave a Comment

Your email address will not be published. Required fields are marked *