How can I add custom .css file and .js file to my theme ?

[Stela]

Hello there,
How can I add custom .css file and .js file to my theme?
I'd like to add this with code, not through plugins in the WP backend.

Thank you

[AnitaC]

Create a custom.css file and js file and enqueue them in the functions.php file. Save the custom.css file in the theme folder and save the js file in the js folder.

---

Need help with customization or troubleshooting? Reach out to me.

[Brad Dalton]

Take a look in the functions.php file in one of the StudioPress child themes and you'll find some PHP code like this :

add_action( 'wp_enqueue_scripts', 'custom_script_styles' );
function custom_script_styles() {

wp_enqueue_script( 'custom-scripts', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ), CHILD_THEME_VERSION, true );

wp_enqueue_style( 'custom-styles', get_stylesheet_directory_uri() . '/css/style-custom.css' );

}

---

Tutorials for StudioPress Themes.

[Stela]

Hi Brad,
Thank you for your help!

[Brad Dalton]

You're welcome Stela.

---

Tutorials for StudioPress Themes.

[Author]

Posts