将脚本添加到Wordpress

时间:2020-02-25 14:41:21

标签: wordpress

我有一个简单的脚本,可以在滚动深度上附加一个类,并希望在我的Wordpress网站上使用它。

我应该如何添加它?我确定了该类,并且知道CSS方面,但我不知道如何获取脚本进行注册。

The script is:

$(window).scroll(function() {
  var scroll = $(window).scrollTop();

  if (scroll >= 100) {
    $(".header").addClass("active");
  } else {
    $(".header").removeClass("active");
  }
});

1 个答案:

答案 0 :(得分:3)

在(子)主题的functions.php中,在末尾添加以下几行:

function my_enqueue_script()
{
  wp_enqueue_script( 'my_custom_script', get_template_directory_uri() .
    '/js/my_custom_script.js', array('jquery'), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_script' );

,并且您的脚本位于主题的子文件夹“ /js/my_custom_script.js”中。将my_custom_script.js重命名为您喜欢的任何名称。