Я надеюсь, что там кто-то может помочь. Я пытаюсь использовать jQuery Backstretch для применения другого фонового изображения для каждой конкретной страницы в Bootstrap / WordPress. например:
Главная – bg image a О – bg изображение b Новости – bg изображение c и так далее …
Мне удалось использовать стандартный скрипт Backstretch для отображения одного изображения для всех страниц, но я полностью потерял (даже после поиска), как применить вышеописанное.
Мой код:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://myurl.co.uk/wp-content/themes/wpbootstra/bootstrap/js/jquery.backstretch.min.js"></script> <script> $.backstretch("http://img.ruphp.com/php/index.php"); </script> Я использовал это в моем footer.php.
у кого-нибудь есть решение?
Вы можете попробовать:
<?php if(is_page(42)) { echo '<script>$.backstretch("http://img.ruphp.com/php/index.php");</script>'; } else if(is_page(41)) { echo '<script>$.backstretch("http://img.ruphp.com/php/index.php");</script>'; } ?>
Число 42, 41 является идентификатором страницы. Sp text_bg_b.jpeg будет отображаться только на странице About us (при условии, что его идентификатор равен 41).
Я думаю, что нет необходимости использовать backstretch: просто добавьте эти стили css внутри вашего тела или основного контейнера:
background: url(PATHTOYOURIMAGE) center center no-repeat;
background-size: cover;
Вы должны рассмотреть использование настраиваемого поля для указания пути к вашему изображению. Я думаю, что самый простой способ – установить дополнительные пользовательские поля и добавить поле bg_image на каждый сайт с URL-адресом изображения. Затем вы можете заменить PATHTOYOURIMAGE на
<?php the_field('bg_image'); ?>
Это другой способ, но я думаю, вы должны попробовать.