How to add Javascript code to WordPress website

The following column WordPress Tutorial will introduce to you how to add Javascript code to a WordPress website. I hope it will be helpful to friends in need!

If you are modifying the template theme you made, and you have control over upgrading and updating, the addition of javascript code is relatively free and can be introduced according to the actual business logic. But if you want to add JavaScript code that has nothing to do with the theme, such as visitor statistics, performance monitoring and other types of independent code, since it has nothing to do with the theme file, then the best way is to add the code in the plug-in.

WordPress provides the function wp_enqueue_script and the hook wp_enqueue_scripts

to facilitate developers with the ability to embed custom code.

The following is a brief description of the steps to add:

Create a new directory under the plug-in directory. After entering the directory, create a new plug-in file index.php and insert the following sample code:

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( &#39;jquery-ui&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js&#39;, array(), &#39;1.12.1&#39;, false);
}
add_action( &#39;wp_enqueue_scripts&#39;, &#39;add_custom_scripts&#39; );

wp_enqueue_script function five parameter description

1. string $handle #The unique name for the currently imported javascript file

2. string $src = '' #javascript document resource url

3. array $deps = array() #Depends on code handle

4. string|bool|null $ver = false #The version number, if not specified, is consistent with the WordPress system version number

5. bool $in_footer = false #Whether it is at the bottom of the document, if it is false, javascript will be loaded at the head of the document by default

Finally save the file, go to the plug-in center to activate the plug-in, and activate the plug-in in the browser If you view the page source code on the page, you can see the imported javascript file.

Using the wp_enqueue_script function has the following advantages:

a. You can set the loading order with other dependent codes

b. You can specify the version number to facilitate cache management

c. You can specify the location of the embedded code in the document

The above is the detailed content of How to add Javascript code to WordPress website. For more information, please follow other related articles on the PHP Chinese website!