Here’s how it goes:
- Get your CSS or Javascript File ready or if it’s a remote source, get the link ready.
- Create a child theme
- Add the following code in functions.php
<?php
function add_theme_codes() {
wp_enqueue_style( ‘style’, get_stylesheet_directory_uri().’/myexternalcode.css’, ‘all’);
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_codes’ );
?>
With this code, you’re creating a new action for your style sheet and calling it from the child-theme directory. Let’s say you have a “custom.css” file that needs to be added to your website.
Add that file in wp-content/themes/childtheme through FTP, and then create a functions.php file. Then, add the code above and change the ‘/myexternalcode.css’ to ‘custom.css’ or whatever your file name is. Lastly, you have to add your functions.php.
Here is another example, if you don’t have a file but a remote source needs to be added:
<?php
function add_theme_codes() {
wp_enqueue_style( ‘style’, ‘https://code.jquery.com/jquery-3.2.1.js’, ‘all’);
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_codes’ );
?>
In the example above, we didn’t use get_stylesheet_directory_uri() because the source file is remote. Also, you can call different files from your server by using links like the ones above.
