Использование get_template_directory_uri() в JavaScript

[LoanExpert]

Здравствуйте! Переношу html сайт на wordpress, при переносе слайдера столкнулся с проблемой использования get_template_directory_uri() в js файле.

php:

<div class="slider-top">
  <a href="#"> 
     <img class="slider-img" src="<?php the_field('section_img_360_1'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_2'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_3'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_4'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_5'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_6'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_7'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_8'); ?>" alt="" /> 
     <img class="slider-img" src="<?php the_field('section_img_360_9'); ?>" alt="" />
  </a>
  <div id="custom-handle" class="ui-slider-handle"> </div>
  <div class="range"> </div>
</div>

js:

jQuery(function ($) {
    function imageSpin() {
       // если прописать: var path = "<?php echo get_template_directory(); ?>/05/slide_"; то слайдер не работает
        var path = "/sitename.ru/wp-content/uploads/2021/05/slide_";
        var handle = $(".ui-slider-handle");
        var imgNumb = 1;
        var start = 0;
        var deg = "°";
        if($('*').is('.slider-top')) {
            $(".slider-top").slider({
                //animate: true, range: "min", value: 0, min: 0, max: 360, step: 15,
                animate: true, range: "min", value: 0, min: 0, max: 360, step: 45,
                create: function () {
                    handle.html($(this).slider("value") + deg);
                },
                slide: function (event, ui) {
                    var pos = ui.value;
                    if (pos > start)
                        imgNumb++;
                    if (pos < start)
                        imgNumb--;
                    if (pos == 0 || imgNumb < 1)
                        imgNumb = 1;
                    //if (pos == 360 || imgNumb > 25)
                    if (pos == 360 || imgNumb > 9)
                       // imgNumb = 25;
                        imgNumb = 9;
                    start = pos;
                    // $(".slider-img").attr("src", path + imgNumb + ".jpg");
                    $(".slider-img").attr("src", path + imgNumb + ".png");
                    handle.html(pos + deg);
                }
            });
        }
    }

Если прописать путь до папки "/sitename.ru/wp-content/uploads/2021/05/slide_"; то слайдер работает, если пытаюсь использовать "<?php echo get_template_directory(); ?>/05/slide_"; то не работает. Вопрос:как прописать путь до папки со слайдами var path = ?