enqueue script WP

You shouldn’t just add them to the header in WordPress; instead, you should utilize a technique known as enqueueing, a standardized means of storing your assets that comes with the extra benefit of managing dependencies. Enqueueing is available in WordPress.

How do Enqueueing works?

Two stages need to be completed when enqueuing a script or style. The first step is registering it and notifying WordPress that it is there. The second step is to enqueue it, placing its output in the header or immediately before the closing body tag.

The concept of modularity is the driving force behind the use of two distinct phases. Sometimes you want to inform WordPress about an asset, even if you might not want to utilize the element on every page. For instance, if you are creating a custom gallery shortcode that uses Javascript, you will only need to load the JS when the shortcode is utilized; it will most likely not need to be loaded on every page.

To make this work, you will first need to register the script, and then you will need to wait to enqueue it until the shortcode is shown.

Adding Scripts and Stylesheets for the Frontend

Now that we have a solid understanding of enqueueing and hooks, we can go on to the next step, which is incorporating scripts and stylesheets into WordPress. To begin, you will need to generate a new file specifically for your code. If you are adding Javascript, the file’s extension should be.js; otherwise, it should be.css (if adding a stylesheet).

The next step is to put the file in either the directory for your plugins or your themes. After that, you will need to produce a piece of code that enqueues the file. Depending on the placement of the custom script or stylesheet file, you may need to enter it into the functions.php file of either your parent or child theme, or you may need to do it inside a file belonging to a plugin.

Including Scripts and Stylesheets for the Backend of the Website

The preceding part provided instructions on how to include scripts and stylesheets on the front end of your website so that they have an effect. On the other hand, you can enqueue scripts and stylesheets designed to affect your website’s backend by using comparable approaches. To be more specific, your administrative control panel.

Admin en queue scripts are the name of the hook used by WordPress to enqueue scripts and stylesheets intended to be utilized for the administration dashboard. To make appropriate use of the hook, you must first create a function that contains the enqueueing code and then add an action that takes the hook name and the function name as two parameters.

Conditional Enqueueing

It may be the case that you wish to enqueue a specific script or stylesheet only if one or more predetermined criteria are satisfied.

The number of conditional statements included inside the brackets denoted by “()” might range anywhere from one to more than one. If two or more criteria are combined, the logical operators && and || are required to be used. Logical conjunction is denoted by the operator &&, which indicates that a statement may only be validated as accurate if both prerequisites are satisfied. The || operator, on the other hand, represents logical disjunction. This means that the assertion is considered to be true if any of the requirements mentioned above are satisfied.

Refer to Seahawk Media for more such articles.

Get started with Seahawk

Sign up in our app to view our pricing and get discounts.