The way to make this happen is to register the script first, and only actually enqueue it when the shortcode is shown (suggested reading: The Ultimate Guide to WordPress Shortcodes).Įnqueueing Basics With wp_enqueue_scripts For example: If you’re building a custom gallery shortcode that uses Javascript you only actually need to load the JS when the shortcode is used – probably not on every page. Sometimes you’ll want to let WordPress know about an asset, but you may not want to use it on every page. You can also check it is appearing in the right place by checking if it appears before the closing tag (it’s in the header) or before the closing tag (it’s not in the header).The reason for having two steps has to do with modularity. If you see your script, you’ll know your function is executing correctly. On the ‘View Source’ page, click ctrl+f to open up a search box.Copy the script URL you are trying to insert.To test if your script is being inserted correctly, follow these steps: Setting $in_footer to true, will change where your script is inserted to just before the tag. We need to tell our function that we aren’t using parameter 3 or 4 which is why we have the two empty ‘ ‘. Wp_enqueue_script accepts 5 parameters and $in_footer is the 5th parameter, which takes a value of true or false. Within the parentheses I added ‘ ‘, ‘ ‘, true before the end of the parentheses. We only need to make a tiny change to the script we used above to make our script appear before the closing tag.Ĭan you see what is different between the two scripts? Kudos if you can! You probably have a keen eye.Īnyway, if you can’t, I’ll tell you. WordPress makes it super easy to insert scripts before the closing tag through use of the $in_footer parameter that can be used in the wp_enqueue_script function. ‘enqueue_scripts’) – this must come second, it’s the name you give your custom function. (‘wp_enqueue_scripts, – this must come first, it’s the built in WordPress function
#Wordpress enqueue script code
The final part of this code snippet is telling WordPress to insert the scripts we referenced in our function. add_action ('wp_enqueue_scripts', 'enqueue_scripts') It is a placeholder to refer to the script you want to insert in the.
‘script-name’ – this value can be anything. WordPress has already done all the hard work for us, we just need to pass in the right parameters to make this work (the two blocks of text within the parentheses). Wp_enqueue_script is a built in WordPress function. A function stores a block of code that can be activated by calling the function name. You can call your function anything, you don’t need to worry about the parentheses or the curly brackets right now. Here, we are creating a function called enqueue_scripts. All that you need to do is take the block of code below and change one thing, the URL to your script. Inserting scripts in the WordPress head is super easy, there’s really no need for a plugin. You can see an example of wp_enqueue_script above being used to setup a child theme, but don’t worry, our code will be a bit simpler. This function registers a script if the src provided is valid and then enqueues it to be loaded on your website – We are going to be using a PHP function called wp_enqueue_script to insert our scripts within either the or before the closing tag. If you are using a child theme, navigate to:
#Wordpress enqueue script update
This tutorial assumes you are using a child theme. If you aren’t already using one, I suggest you set one up then come back to this guide, so that your customisations are not lost the next time you update your theme.
#Wordpress enqueue script how to
I will show you how to insert both CSS or Javascript scripts within your head or body, there are different best practice methods for each. So let’s do it the old fashioned way, by using built in WordPress hooks and functions to insert your scripts where you want them. There are plugins that can help you do this, but they are not always reliable, are limited in what they offer and it’s just another plugin to clog up and slow down your site. Sometimes when using WordPress you will find the need to insert a script within your website, or before the closing tags.
0 kommentar(er)
