在functions.php
中有条件地加载WordPress的JavaScript脚本可以通过使用wp_enqueue_script
函数来实现。该函数可以在特定条件下加载JavaScript脚本,例如特定页面、文章类型或用户角色等。
以下是一个示例代码,演示如何在functions.php
中有条件地加载WordPress的JavaScript脚本:
function custom_load_scripts() {
// 判断是否为特定页面
if (is_page('example-page')) {
// 加载自定义脚本
wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom-script.js', array('jquery'), '1.0', true);
}
}
add_action('wp_enqueue_scripts', 'custom_load_scripts');
在上述示例中,custom_load_scripts
函数被添加到wp_enqueue_scripts
动作钩子中,以确保在加载页面时调用该函数。在函数内部,使用is_page
函数来判断是否为特定页面(例如example-page
),如果是,则使用wp_enqueue_script
函数加载自定义脚本。
wp_enqueue_script
函数的第一个参数是脚本的唯一标识符,第二个参数是脚本文件的URL,第三个参数是依赖的脚本(例如jquery
),第四个参数是脚本的版本号,第五个参数表示是否在页脚加载脚本。
对于优化性能,可以将脚本文件放在主题文件夹的js
目录下,并使用get_template_directory_uri
函数获取主题目录的URL。
这样,当访问特定页面时,WordPress会自动加载custom-script.js
脚本。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云