上一篇
js代码放wordpress哪里
- 行业动态
- 2024-04-22
- 1
在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文件。
本站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本站,有问题联系侵删!
本文链接:http://www.xixizhuji.com/fuzhu/207729.html