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

Question

[zond28]

Изначально скрипт на 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/them...
На моем сайте: https://truegenealogist.com/

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

Answer 1

[Артем Золин]

Вы можете добавить скрипт инициализации с зависимостью от основного

$carousel_init = "const myCarousel = new Carousel({
  container: document.querySelector('.slider'),
  items: document.querySelectorAll('.slider__item'),
  displayControls: false,
  controlsContainer: document.querySelector('.slider__controls'),
  autoplay: true,
  autoplayTime: 3500
});";
wp_add_inline_script( 'carousel', $carousel_init );

Answer 2

[zond28]

А какого кода? Вот этого? https://truegenealogist.com/wp-content/themes/them...