add css and javascript file to admin in wordpress theme

WordPress Tutorial, add css and javascript file to admin in wordpress theme. Many developers want to add the javascript and css files into wordpress themes.

add css and javascript file to admin in wordpress theme

You just need to add following code into functions.php file.

01// Register your javascript for properties
02function admin_your_javascript(){
03    global $post;
04    if($post->post_type == 'post-type' && is_admin()) {
05        wp_enqueue_script('YOUR-JS', WP_CONTENT_URL . '/themes/YOUR-THEME/js/YOUR-JS.js');
06 
07    }
08}
09add_action('admin_print_scripts', 'admin_your_javascript');
10 
11// Register your styles for properties
12function admin_your_styles(){
13    global $post;
14    if($post->post_type == 'post-type' && is_admin()) {
15        wp_enqueue_style('YOUR-CSS', WP_CONTENT_URL . '/themes/YOUR-THEME/css/YOUR-CSS.css');
16    }
17}
18add_action('admin_print_styles', 'admin_your_styles');

You just need to replace Your theme name and javascript and css file name.

add css and javascript file to admin in wordpress theme

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn View all posts by Purab

One thought on “add css and javascript file to admin in wordpress theme”