wordpress 3.3 относительные пути в CSS

Question

Я хочу добавить изображение в качестве фона заголовка, дело в том, что я не хочу добавлять абсолютный путь, так как я делаю это на своем компьютере, и это загрузите на мой сервер.

Должно ли <?php bloginfo('template_directory'); ?> работать в css? Он здесь не работает.

код:

#branding { 
    background: url("<?php bloginfo('template_directory'); ?>/images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
} 

Answer 1

Нет, вы не можете использовать PHP в файле CSS.

Вы все равно можете использовать относительный путь. Этот пример будет работать, если ваш каталог файлов и изображений CSS находится в одном каталоге. WordPress знает, что это касается темы.

#branding { 
    background: url("images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
} 

Если каталог изображений находится в родительском файла CSS:

#branding { 
    background: url("../images/background2.jpg") repeat-x repeat-y; 
    height: 150px; 
} 

Answer 2

Как-то @developdaly решение не работает для меня, но это помогло:

.img-div { 
    background-image: url("wp-content/themes/your-theme/assets/images/your-img.jpg"); 
} 

Answer 3

.img-div { 
    background-image: url("./assets/images/your-img.jpg"); 
}