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

Question

Яна Егорова @yanadev

кодю

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

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

Вопрос задан более трёх лет назад
546 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

8 комментариев

Яна Егорова @yanadev Автор вопроса

Написано более трёх лет назад
Яна Егорова @yanadev Автор вопроса

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

yanadeveloper.com - мой сайт

Написано более трёх лет назад
Andrey Vasilev @Nolis

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

Написано более трёх лет назад
Яна Егорова @yanadev Автор вопроса

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

Написано более трёх лет назад
Andrey Vasilev @Nolis

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

Написано более трёх лет назад
Яна Егорова @yanadev Автор вопроса

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

Написано более трёх лет назад

Andrey Vasilev @Nolis

Яна Егорова,
у меня всё лежит в папочке 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 @Nolis

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

WordPress

Простой
Как сделать pagination в WordPress для Custom Post Type?
- 1 подписчик
- час назад
- 12 просмотров
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 1 подписчик
- 2 часа назад
- 68 просмотров
1

ответ
WordPress

Простой
Как создать шаблон вывода записей с произвольным типом?
- 1 подписчик
- 4 часа назад
- 15 просмотров
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 3 подписчика
- 13 часов назад
- 1037 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 16 часов назад
- 56 просмотров
2

ответа
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- 16 часов назад
- 41 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 1 подписчик
- 19 часов назад
- 138 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- 20 часов назад
- 57 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 1 подписчик
- 20 часов назад
- 133 просмотра
0

ответов
CSS

Простой
Почему не сужается flex-элемент с flex-shrink: 1?
- 1 подписчик
- 21 час назад
- 76 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Frontend React

Glob-com

от 100 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Разработать решение для автоматизации работы с Chat GPT

23 апр. 2024, в 13:29

3000 руб./за проект

Cоздание базы знаний для сервиса

23 апр. 2024, в 13:19

15000 руб./за проект

Обновить gulpfile.js

23 апр. 2024, в 13:17

2000 руб./за проект

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

Answer 1 · 2019-08-29 22:19:40

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

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

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

Answer 2 · 2019-08-29 22:42:33

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт