JS – purabtech.in

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

Use following steps to compress javascript and css files

Few days before i was searching for Jquery JS library compression.

compress javascript and css files

Yes there is compressed version available but i want to make some changes in JS files as per my project requirements.
So i want to compress my JS and CSS files without getting any error.
YUI Compressor 2.4.2. is the very nice tool for that. But i dont want to spend time on how YUI compressor is working.

So here is solution- I got online YUI compressor.
You can use that:
http://refresh-sf.com/yui/
It has very nice options.

add css and javascript file to admin in wordpress theme

Share Article:

Use following steps to compress javascript and css files

Share Article: