首页 问答 正文

如何在WordPress中使用外部JavaScript文件?

注册会员 / 悠然自学 / 2023-06-12/ 浏览 211 次

在WordPress中使用外部JavaScript文件,可以按照以下步骤进行操作:

  1. 将你的JavaScript文件上传到WordPress主题文件夹中的一个适当的位置,例如在主题文件夹中创建一个名为js的子文件夹,并将JavaScript文件命名为custom.js

  2. 在你的主题的functions.php文件中添加以下代码,以将外部JavaScript文件添加到WordPress中:

function add_custom_scripts() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' ); 
  1. 保存并上传functions.php文件到你的主题文件夹中。

以上代码将使用wp_enqueue_script函数来添加一个自定义的JavaScript文件。get_template_directory_uri()函数用于获取主题文件夹的URI,并使用/js/custom.js来指定JavaScript文件的路径。array()参数用于添加任何JavaScript文件的依赖项(如果有)。'1.0'是你的自定义脚本的版本号,你可以根据需要进行更改。最后一个参数true表示将脚本放置在页面底部。如果你希望将脚本放置在头部,则将最后一个参数更改为false

现在,你的外部JavaScript文件将在WordPress中使用,并且可以在所有的页面上生效。

大家谈论
    我的见解