Wordpress не видит background-image.кто может помочь?

Question

[Яна Егорова]

все пути прописаны правильно, если открыть верстку в браузере, картинка отображается, а через wordpress нет. все стили кроме background-imsge применились, помогите, сижу уже очень долго(

Comments

[WapSter]

Консоль открой если увидишь что-то красное с "путь_к_файлу/картинка.jpeg ............. 404" значит пути не верные.
UPD прописывай путь относительно css файла, и просто ложи рядом. Обычно так делается.

Answer 1

[Andrey Vasilev]

Выносишь бэкграунд из css в html -> тег style:

<div class="bg" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/bg.png);">

Получаешь путь до темы:
<?php bloginfo( 'template_url' ); ?>
Далее просто прописываешь, где лежит картинка.

Comments

[Яна Егорова]

[Яна Егорова]

Andrey Vasilev не работает(((

yanadeveloper.com - мой сайт

[Andrey Vasilev]

Яна Егорова,
по конечному адресу картинка не лежит, может где-то очепятка в расширении/названии картинки?

[Яна Егорова]

Andrey Vasilev, в том то и дело что нет опечаток, проверяла сто раз, перезаливала картинки - все равно не работает!

[Andrey Vasilev]

Andrey Vasilev,
моя картинка с левого сурса встала, значит что-то не так с путями.
в отладчике прямо досконально проверь путь.

[Яна Егорова]

Andrey Vasilev, твоя картинка лучше чем моя)))

[Andrey Vasilev]

Яна Егорова,
у меня всё лежит в папочке assets, думаю это сильно роли не играет, конечно, но вот пара моих div'ов с изображениями, может поможет:

<div class="balloons-bg" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/balloons/balloons-bg.png);">
<div class="balloons-about" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/balloons/bg/balloons-bg-1.png);">
<div class="balloons-can" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/balloons/bg/balloons-bg-2.png);">

Что касается динамических, которые может менять заказчик:

<img src="<?php the_field('main-logo'); ?>" alt="Логотип">
<div class="main-screen__it wow fadeIn" data-wow-delay="1s"><a href="service-selection.html"><?php the_field('it-obslug'); ?></a></div>
<h1 class="balloons-about__text wow fadeIn" data-wow-delay="0.2s"><?php the_field('first-block-desc'); ?></h1>

Может попробовать сразу выводить динамически, почитай статьи о Advanced Custom Fields

[Andrey Vasilev]

Яна Егорова,
Так же, советую раскинуть по файлам js-код из подвала :)

Answer 2

[Dima Polos]

Скорее всего подключили css из корня шаблона, а картинки лежат, например в assets/img, в то время как в самих стилях при верстке использована структура проекта
project
|-----img/...
|-----css/style.css
В любом случае wordpress тут не при чем, ищите ошибку в путях. В css можно использовать по-прежнему относительные пути, wordpress тут ничего не сломает, это что касается стилей, в html надо юзать функции для формирования урлов.