Enqueuing Styles or Scripts in WordPress

Sometimes in your child theme or your plugin you are looking to enqueue styles or scripts. Here is code that will allow you to enqueue them with a time based query code to allow for the most recent version of any edits get implemented.

If the style or javascript file is underneath the child theme, the following code is ideal for what you are looking to do.

function enqueue_custom_child_theme_styles() {
   wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style'), filemtime( get_stylesheet_directory() . '/style.css' ), 'all'  );
   wp_enqueue_style( 'additional-style', get_stylesheet_directory_uri() . '/additional_style.css', array(), filemtime( get_stylesheet_directory() . '/additional_style.css' ), 'all'  );
   wp_enqueue_script( 'theme-js' , get_stylesheet_directory_uri() . '/js/misc.js', array('jquery'), filemtime( get_stylesheet_directory() . '/js/misc.js' ), true );
}
add_action( 'wp_enqueue_scripts', 'enqueue_custom_child_theme_styles' );

If the files are located within a plugin, here is the code that you should use. This should get placed in the main file of the plugin so that the path of __FILE__ matches what is needed.

function plugin_enqueue() {
   wp_enqueue_style( 'additional-style', esc_url( plugins_url( '/additional_style.css', __FILE__ ) ), array(), filemtime( plugin_dir_path(__FILE__) . '/additional_style.css' ), 'all'  );
   wp_enqueue_script( 'fm-gssf-js' , esc_url( plugins_url( 'js/misc.js', __FILE__ ) ), array('jquery'), filemtime( plugin_dir_path(__FILE__) . '/js/misc.js' ), true );
}
add_action( 'wp_enqueue_scripts', 'plugin_enqueue' );