首页 问答 正文

如何在WordPress中添加外部JS文件?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 168 次

在WordPress中添加外部JS文件可以通过以下步骤:

  1. 将JS文件上传到你的网站服务器中的某个目录,例如,可以将JS文件上传至wp-content/themes/your-theme/js/目录下。

  2. 在WordPress的主题文件(通常是functions.php)中添加以下代码:

function add_custom_script(){
    wp_enqueue_script('custom-script', get_template_directory_uri().'/js/custom-script.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'add_custom_script'); 

上述代码中,custom-script 是你给这个JS文件起的名字,get_template_directory_uri() 函数用来获取当前主题的所在目录的URL。这里将JS文件的路径设置为 get_template_directory_uri().'/js/custom-script.js' ,其中 js/custom-script.js 是你上传的JS文件路径。

  1. 最后,将JS文件中的代码写入到这个新建的JS文件中,命名为 custom-script.js,并将该文件上传到主题JS目录。

重启你的网站,就可以成功添加外部JS文件了!

大家谈论
    我的见解