Задать вопрос
@JyriG
html

Как прописать путь в background-image на вордпресс чтобы картинка появилась?

Пробовал 
background-image: url("<?php bloginfo('template_url'); ?>/img/Fon_kopia_4.jpg");

но не сработало. Какие ещё есть выходы?
  • Вопрос задан
  • 5141 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@CynVox
CSS, HTML, JS далее TS & React
Как вариант еще можно прописать стиль в html документе в head
<html>
    <head>
        (...)
        <style>
            body {
            background-image: url(<?php bloginfo('template_url'); ?>/images/bg.jpg);
            }
        </style>
   </head>
   <body> (...) </body>
</html>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Обычный относительный путь не пробовали?
Ответ написан
2 комментария
2 комментария
azerphoenix
@azerphoenix
Java Software Engineer
Здравствуйте!
<?php bloginfo('template_url'); ?> скорее всего, сработал бы, если картинки выводились не в css. Проверьте корректно ли выводится путь к картинке.

А так можете вывести картинку указав относительный путь начиная от wp-content/uploads
Не пойму, что за папка img и где именно она у вас лежит... но как я понял вы изменили корневую директорию загрузки медиа с uploads на img?

P.S. не нужно указывает абсолютный путь, так как если в будущем вы подключите SSL сертификат, то нужно будет везде сменить http --> https
Ответ написан
1 комментарий
1 комментарий
jams
@jams
Веб-разработчик | PHP | WP | JS
Если в файле .php нужно прописать, что так:
<style>
    body {background-image: url(<?php echo get_template_directory_uri(); ?>/images/bg.jpg);}
</style>


Если в .css, то так:
body {
    background-image: url("../images/bg.jpg");
}


либо так:

body {
    background: url("../images/bg.jpg") no-repeat center;
    background-size: cover;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать js-модуль для Тильды
23 дек. 2024, в 14:47
4500 руб./за проект
Телеграм бот для автоматизации генерации текста с ChatGPT-o1
23 дек. 2024, в 14:26
5000 руб./за проект
Elevenlabs генерация голоса
23 дек. 2024, в 14:10
10000 руб./за проект
Ещё заказы