首页 问答 正文

如何在WordPress主题中添加新的JavaScript?

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

在WordPress主题中添加新的JavaScript代码,可以通过以下步骤完成:

  1. 打开你的WordPress主题目录。一般情况下,主题目录位于/wp-content/themes/下,其中包含当前使用的主题文件夹。

  2. 在主题文件夹中,找到名为functions.php的文件,并用文本编辑器打开。

  3. functions.php文件中,可以添加自定义的JavaScript代码。
    示例代码:

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

    在上述示例代码中,我们使用了wp_enqueue_script()函数来添加JavaScript文件,并指定了文件路径(/js/custom.js)。你可以根据实际需求修改文件路径和文件名。

  4. 保存并关闭functions.php文件。

在上述示例代码中,还使用了add_action()函数将custom_scripts函数与wp_enqueue_scripts动作挂钩,这将确保在网站的前台加载时,自定义的JavaScript文件也会被加载。

请确保文件路径和文件名正确,并且在js文件夹下创建了相应的JavaScript文件(例如:custom.js)。

以上就是在WordPress主题中添加新的JavaScript代码的步骤和示例代码。

大家谈论
    我的见解