Как задать адрес ссылки на изображение в js файле темы вордпресс?

Question

[viktoriasnails]

Подскажите, дорогие люди, как в файле js прописать путь к фоновому изображению, чтобы этот путь работал при переносе сайта в wordpress. Обычный путь вида src=/"images/image.jpg" не отображает картинку.

Answer 1

[Денис Янчевский]

Здравствуйте.

Самый простой способ прописать путь полностью /wp-content/themes/ПАПКА_ТЕМЫ/images/image.jpg

Если с помощью средств WordPress — передать путь с помощью функции wp_localize_script.
Примерно так:

add_action( 'wp_enqueue_scripts', 'action_function_name_7714', 99 );
function action_function_name_7714(){
	wp_localize_script( 'jquery', 'mytheme', array( 
		'template_url' => get_template_directory_uri(), 
	) );
}

и затем получить в js
mytheme.template_url + '/images/image.jpg'

Comments

[viktoriasnails]

Первый вариант не очень хотелось бы использовать. Скажите, второй вариант прописать в function.php?

[Денис Янчевский]

viktoriasnails, в functions.php активной темы.

[viktoriasnails]

Денис Янчевский, большое вам спасибо за ответ, попробую так)

[viktoriasnails]

Денис Янчевский, помогите пожалуйста, ничего не получается. в файл functions.php вставила следующее:
function transport_scripts() {
wp_enqueue_script('bg', get_template_directory_uri() . '/js/background.js' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method');
function my_scripts_method() {
wp_localize_script( 'bg', 'mytheme', array(
'template_url' => get_template_directory_uri(),
) );
}

в файле background.js вставила следующее:
$(".click-ensure").click(function(){
$(".services").css('background', 'url(mytheme.template_url +/images/ensure-service.jpg) 60% 80% no-repeat #096633');
});

Что я сделала неправильно?

[Денис Янчевский]

viktoriasnails, попробуйте так:

$(".services").css('background', 'url(' + mytheme.template_url + '/images/ensure-service.jpg) 60% 80% no-repeat #096633');

[viktoriasnails]

Денис Янчевский, немного сомневаюсь, первым параметром в wp_lokalize_script нужно написать мой скрипт, в котором у меня не грузится картинка?