当前位置:首页 > 行业动态 > 正文

js代码放wordpress哪里

在WordPress中,你可以将JavaScript代码放在以下位置:

1、主题的functions.php文件:

function my_theme_scripts() {
    wp_enqueue_script('mycustomscript', get_template_directory_uri() . '/js/mycustomscript.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

这段代码会将mycustomscript.js文件添加到当前主题的/js目录下,并确保它在jQuery库之后加载。

2、自定义插件:

创建一个新文件夹(例如myplugin)在你的主题文件夹下,然后在其中创建myplugin.php文件,在myplugin.php文件中,你可以使用register_script函数来注册你的JavaScript文件。

<?php
/*
Plugin Name: My Custom Plugin
Description: A custom plugin to enqueue JavaScript files
Version: 1.0
Author: Your Name
*/
function my_custom_plugin_scripts() {
    register_script('mycustomscript', get_template_directory_uri() . '/js/mycustomscript.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_custom_plugin_scripts');
?>

这段代码会将mycustomscript.js文件添加到当前主题的/js目录下,并确保它在jQuery库之后加载。

3、单独的JavaScript文件:

如果你有多个JavaScript文件需要加载,可以创建一个主JavaScript文件(例如main.js),然后在这个文件中引入其他JavaScript文件,接下来,将main.js文件添加到functions.php或自定义插件中。

// main.js
function my_theme_scripts() {
    wp_enqueue_script('mycustomscript', get_template_directory_uri() . '/js/mycustomscript.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_theme_scripts');

在main.js文件中,你可以使用wp_enqueue_script函数来引入其他JavaScript文件。

0