Как именить bg-image через js на wordpress?

Question

[hellcaster]

Привет! У меня на сайте каждые 10 секунд меняется bg-image (естественно через js). Но когда я натягивал верстку на WP, то получил ожиданию ошибку: WP не может найти картинку по пути "../img/bg/photo1.jpg". Нужно ставить абсолютные пути. Как это грамотно сделать через js? Пока я додумался только к:

const path = `${window.location.href}/wp-content/themes/name/assets`;
$(`.main-wrapper`).css({'background-image': `url(${path}/img/bg/photo1.jpg)`});

Comments

[Ankhena]

Нужно ставить абсолютные пути

Достаточно путей относительно корня

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Допустим, картинки у вас находятся в папке /assets/img/bg в самой теме.
Тогда путь указываете так -
/wp-content/themes/name/assets/img/bg/photo1.jpg

Другой вариант, (на мой взгляд лишний) если вы хотите передать переменную в скрипт, то локализуйте этот скрипт
https://wp-kama.ru/function/wp_localize_script
Используя его вы можете в functions.php получить абсолютный путь до нужной директории средствами рнр и в качестве переменной передать ее на фронт в ваш js код