URL-адрес фонового изображения не работает с LessCSS
Я только начал изучать Lesscss. Я создаю тему WordPress и сохраняю загруженный логотип в таблице wp_options.
Вывод переменной logo будет выглядеть так: http://example.com/wp-content/uploads/2014/11/logo.jpg
Я анализирую меньше переменных, как
$less->setVariables(array(
'sitelogo' => $options['site_logo'][0],
));
и в стиле. Если у меня есть
.logo {
background: url(@sitelogo);
}
Это не работает, просто выходы background: url(http)
Решение
Вы должны добавить дополнительные цитаты: 'sitelogo' => "'$options['site_logo'][0]'",
Пример также можно найти по адресу: http://leafo.net/lessphp/docs/#setting_variables_from_php
$less->setVariables(array(
"url" => "'http://example.com.com/'"));
echo $less->compile("body { background: url("@{url}/bg.png"); }");
Другие решения
Я не думаю, что вы можете использовать такие переменные в URL (). Попробуйте следующее.
.logo {
background: url("@{sitelogo}");
}