Functions.php in Child Theme – load JS

I also working on ait theme template,

If you want to add new css & js file into child theme so u first create function.php file in child theme directory & after that u can write following code…

<?php 

define('CHILD_THEME_DIR', get_bloginfo(stylesheet_directory));
 /* this is my child theme css  folder */
define('CHILD_THEME_CSS_DIR', CHILD_THEME_DIR . '/assets/css'); 
/* this is my child theme js folder */
define('CHILD_THEME_JS_URL', CHILD_THEME_DIR . '/assets/js');
define('CHILD_THEME_LIB_DIR', CHILD_THEME_DIR . '/libraries');
define('CHILD_THEME_IMG_URL', CHILD_THEME_DIR . '/assets/img');
define('CHILD_THEME_FONTS_DIR', CHILD_THEME_DIR . '/assets/fonts');

function mychildScriptsAndStyles()
{
    $css = CHILD_THEME_CSS_DIR;
    $jj = CHILD_THEME_JS_URL;
    $lib = CHILD_THEME_LIB_DIR;

aitAddStyles(array(
        'bootstrap-min'     => array('file' => "$css/bootstrap.min.css"),
        'chosen-min'        => array('file' => "$lib/chosen/chosen.min.css"),
        'pictopro-outline'  => array('file' => "$lib/pictopro-outline/pictopro-outline.css"),
        'pictopro-normal'   => array('file' => "$lib/pictopro-normal/pictopro-normal.css"),
        'colorbox'          => array('file' => "$lib/colorbox/colorbox.css"),

        'carat-css'         => array('file' => "$css/carat.css"),
    ));

    aitAddScripts(array(
        'jquery'            => array('file' => "$jj/jquery.js"),
        'jquery-ui'         => array('file' => "$jj/jquery.ui.js"),
        'jquery-migrate'    => array('file' => "code.jquery.com/jquery-migrate-1.2.1.js", 'deps' => array('jquery')),
        'bootstrap'         => array('file' => "$jj/bootstrap.js"),
        'cycle'             => array('file' => "$jj/cycle.js"),
        'carat'             => array('file' => "$jj/carat.js"),
        'ezmark'            => array('file' => "$lib/ezMark/js/jquery.ezmark.js"),
        'jquery-slider'     => array('file' => "$lib/jslider/bin/jquery.slider.min.js"),
        'colorbox'          => array('file' => "$lib/colorbox/jquery.colorbox-min.js"),
        'chosen'            => array('file' => "$lib/chosen/chosen.jquery.js"),
        'easytabs'          => array('file' => "$lib/easy-tabs/lib/jquery.easytabs.min.js"),
    ));


}

add_action('wp_enqueue_scripts', 'mychildScriptsAndStyles');

Add this in function.php. Hope It will be helpful…!!

Related Posts:

  1. How to modify single.php in a child theme?
  2. How to override function in child theme
  3. Theme Customization API and child themes
  4. Git vs Child Theme
  5. Give priority to child theme stylesheet
  6. Get Parent Theme Author Name
  7. Get parent theme version
  8. Do I need to update the child theme too after updating the parent?
  9. Theme customizer: How do you grab the value later?
  10. How to maintain wp_enqueue_style dependencies set in parent theme style enqueuing
  11. How do I check for child theme files first using include, before going to parent theme?
  12. Use admin options from parent theme in child theme
  13. How to “remove” file from parent theme
  14. How to override the Parent theme Function into child themes functions.php
  15. Style.css in child theme is loaded before Bootstrap
  16. Overiding functions.php with child-theme
  17. Find a Parent Theme’s stylesheet $handle when it registers a stylesheet
  18. Enqueue stylesheets if parent theme has more than one .css file
  19. Website Broken on Activating Child Theme! [closed]
  20. Child theme implementation issues
  21. Add post dates from child theme and change font size on homepage post
  22. How can I override file featured-image-first.php of Avada theme [closed]
  23. Child theme undefined variable error
  24. get_theme_mod is returning a number rather than my image file
  25. wp_add_inline_script not adding when script_loader_tag filtered
  26. the file placed in the child theme is not included
  27. How to NOT call Font Awesome or font icons in WordPress
  28. WP Customizer Fatal Error trying to load class in child theme
  29. @font-face broken in child theme
  30. Child Theme vs. Jetpack Editor
  31. Child theme grabbing wrong location fo parent theme files
  32. WordPress Child Theme PHP Code Change Issues
  33. Create child theme after costumizing the original
  34. How to enqueue scripts in order of Head section
  35. WordPress Child theme’s css not loading
  36. Scratch theme needs to be a child theme, but for which parent? [closed]
  37. How to use custom stylesheet only for a template in child theme
  38. Will the use of a child theme create problems with commercial parent theme’s options?
  39. Creating a child theme from Twenty Seventeen
  40. Which header is served
  41. How can I make this Advanced Custom Field Save & Store local json work?
  42. Changes to child theme are not visible on my site [closed]
  43. How to add anchor tag at the top of posts, past the header and nav bar?
  44. changing parent theme into child theme
  45. Is a Child Theme required?
  46. Moving from parent theme to child theme without losing configurations
  47. How to override parent theme template files?
  48. can the footer be included on a child theme
  49. Using filter to override “get_parent_theme_file_path” in child-theme
  50. How change child theme’s boxed layout to fullwidth in genesis? [closed]
  51. Link featured image to post
  52. What are the best practices for maintaining and deploying several parent themes?
  53. How can I get this child theme stylesheet to properly load? Or if it is correct, why doesn’t my child theme appearance match the parent?
  54. wp_get_current_user() and is_user_logged_in() in child theme’s functions.php file don’t work
  55. is it possible to add new template in theme twenty seventeen?
  56. Child theme with flatsome theme crashes website
  57. How to make child theme in wordpress with wp_enqueue_style ? Using Enough Theme
  58. Proper way to show admin bar in HTML5 Blank theme
  59. I want to edit it on my laptop as a child theme and transfer the files to my server. I don’t know how
  60. Adding function from parent theme to child theme
  61. Change Twenty Twelve’s comment form in a child theme
  62. Translated words not showing child theme
  63. How to create a non-responsive WordPress Theme Using Genesis Framework?
  64. Correct way to customise a child theme
  65. Stylesheet overriding in Child theme
  66. Two stylesheets acting on one element
  67. Is the front-page.php template reserved in wordpress twenty twelve theme?
  68. Referencing parent theme image from child theme
  69. Modify Twentyeleven child theme CSS – How to change body font size?
  70. Can I place “parent theme” inside a child theme folder?
  71. How to customize BuddyBoss Theme page header
  72. Why does using wp_register_style without wp_enqueue load and print CSS tags in the front-end?
  73. Change templates in a child theme
  74. issue on creating child theme
  75. Child theme stylesheet not reflecting the changes
  76. How to enqueue multiple style sheets into my child theme in wordpress (oceanwp)
  77. Best way to edit/change comment-template.php without changing the core
  78. How does a Genesis child theme understand that the Genesis theme is the parent theme?
  79. Why does my child theme’s enqueue of styles mess up the order of script enqueues from the main theme?
  80. Where can I edit/see the HTML of this WordPress free theme?
  81. Enqueuing multiple stylesheets with a child theme
  82. Loading my main.js file from my child theme
  83. menu, header and footer is not shown in the appearance after creating the child theme
  84. The parent theme is missing. Please install the “bp-default” parent theme
  85. how to fix loading scripts in child theme?
  86. Calling Category name without the link
  87. child theme showing all this extra information for following lines
  88. When I change some content in function of template-tags file in inc folder then its not working and show same as loke before
  89. Is it possible to slow down site with a bulky child theme?
  90. Child Theme Issue – activated but does not show in preview
  91. How to configure folders with ‘Child Theme’?
  92. What are some best practices for switching the child theme for a production site?
  93. Prevent child theme from inheriting a parent theme’s required file
  94. Child theme only loads on home page
  95. Edit copyright in Hesita Child Theme
  96. Vague Errors from VIP Scanner Plugin
  97. How to create my own style.css file in an wordpress child-theme
  98. Can anyone help me with replace genesis post excerpt with yoast meta description and if there is no meta description show the excerpt?
  99. How to handle a large child theme
  100. Child theme css not loading when declared in parent functions
tech