Не могу подлючить скрипт в WordPress

Изначально скрипт на HTML выглядел так:

<script src="carousel.js"></script>
<script>
  const myCarousel = new Carousel({
  container: document.querySelector('.slider'),
  items: document.querySelectorAll('.slider__item'),
  displayControls: false,
  controlsContainer: document.querySelector('.slider__controls'),
  autoplay: true,
  autoplayTime: 3500
}); 
</script>

Добавил в functions.php:

<?php
function wpb_adding_scripts() {
wp_register_script('carousel', get_template_directory_uri() . '/carousel.js','','1.1', $in_footer = true);
wp_enqueue_script('carousel');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>

Пробовал добавить в Header и Footer остатки:

<script>
  const myCarousel = new Carousel({
  container: document.querySelector('.slider'),
  items: document.querySelectorAll('.slider__item'),
  displayControls: false,
  controlsContainer: document.querySelector('.slider__controls'),
  autoplay: true,
  autoplayTime: 3500
}); 
</script>

Посредством Insert Headers and Footers, JS Simple Custom CSS and JS и даже вручную. Ничего не работает.

На HTML все выглядит так: https://truegenealogist.com/wp-content/themes/theme/index.html На моем сайте: https://truegenealogist.com/

Может кто подсказать?