- \n
- Create a JavaScript –
\nFirst, you will have to create a JavaScript file with your custom code. You can use any text editor to build this file. Remember to save it with \u201c.js\u201d extension. For example- \u201ccustom.js\u201d.<\/li>\n - Upload the JavaScript File-\n
- \n
- The second step is to upload the JavaScript file to your WordPress site. This can be done by visiting your WordPress dashboard and navigating to Media > Add New Media File.
\n![\"add](\"https:\/\/www.webhosting.uk.com\/kb\/wp-content\/uploads\/2024\/02\/Snag_683f03.png\")
<\/li>\n - Upload your JavaScript file here.
\n![\"Add](\"https:\/\/www.webhosting.uk.com\/kb\/wp-content\/uploads\/2024\/02\/Snag_690447.png\")
<\/li>\n<\/ol>\n<\/li>\n - Copy the File URL –
\nAfter uploading the file, copy the URL of the JavaScript file. You can find this by clicking on the file in the Media Library and copying the URL from the right-hand side.<\/li>\n - Add the JavaScript to Your Theme –
\nNow, you will have to add the JavaScript to your WordPress theme. You can do this by editing your theme\u2019s \u201cfunctions.php\u201d file. You can access this file by going to Appearance > Theme File Editor in your WordPress dashboard.
\n![\"Theme](\"https:\/\/www.webhosting.uk.com\/kb\/wp-content\/uploads\/2024\/02\/Snag_6a92c6.png\")
<\/li>\n - Enqueue the Script-
\nIn the functions.php file, you will need to sequence the JavaScript file you uploaded.Add the following code to the file –<\/p>\nfunction custom_scripts() {\r\n wp_enqueue_script('custom-js',\r\n 'URL_OF_YOUR_JAVASCRIPT_FILE', array(), null, true); \r\n}\r\nadd_action('wp_enqueue_scripts', 'custom_scripts');<\/pre>\nReplace \u201cURL_OF_YOUR_JAVASCRIPT_FILE\u201d with the URL you copied in the third step.<\/li>\n
- Save the Changes –
\nFinally, save the changes to your functions.php file.<\/li>\n<\/ol>\nThat is it! Your custom JavaScript should now be added to your WordPress site. You can test it by adding some code to your custom.js file and checking if it works on your site.<\/p>\n
Adding a custom JavaScript to your WordPress site can help to enhance functionality of your site. However, if you want to include PHP code using a plugin, check out our guide on How to add PHP code using a plugin<\/a> for detailed instructions. It will help you further customise your site and that meet your specific requirements with ease.<\/p>\n","protected":false},"excerpt":{"rendered":"
This guide explains how to add custom JavaScript to a WordPress site. Adding custom JavaScript to a WordPress site can be beneficial for various reasons, such as enhancing user experience,…<\/p>\n
- The second step is to upload the JavaScript file to your WordPress site. This can be done by visiting your WordPress dashboard and navigating to Media > Add New Media File.