云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

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文件。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《js代码放wordpress哪里》
文章链接:https://www.yunzhuji.net/jishujiaocheng/151754.html

评论

  • 验证码