WP JSファイル内でget_template_directory_uri();を使う

例えば、modal.jsというjsファイル内で画像のパスを書きたいとします。

jsコードの中で<?= get_template_directory_uri(); ?>が使えないので、jsファイルの前で<?= get_template_directory_uri(); ?>を変数に代入します。

<script>
   let path = '<?= get_template_directory_uri(); ?>';
</script>

<script src="<?= get_template_directory_uri(); ?>/js/modal.js"></script>

$('li[data-tab="tab1"]').on('click', function() {
    $('.modal_over_img').attr('src', path + '/img/studio-list/map_visual.jpg');
});

これで無事にURL書き出しできました。

下記を参考にさせていただきました！感謝！！