2017-01-17 4 views
0

Я пытаюсь сделать фоновое изображение с помощью Django-cms для личного блога. Фоновое изображение помещается внутри класса заголовок с текстом сайта перед, как показано в коде ниже:Django CMS background image rendering

<!-- Page Header --> 
<!-- Set your background image for this header on the line below. --> 

<header class="intro-header" style="background-image:url("/static/img/imghome-bg.jpg")"> 

    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> 
       <div class="site-heading"> 
        <h1>Hey !</h1> 
        <hr class="small"> 
        <span class="subheading">Latest Blog !</span> 
       </div> 
      </div> 
     </div> 
    </div> 
</header> 

фоновое изображение помещается в боковой /static/ директории с суб-файла, который я создал под названием /img/.

Я пробовал разные с помощью метки рендера static (как показано ниже), но изображение по-прежнему не отображается.

<header class="intro-header" style="background-image:url("{% static "/static/img/imghome-bg.jpg" %}")">

текущие результаты, используя решения выше, как вы можете видеть, что нет фонового изображения только текст и панель инструментов в белом цвете. :

enter image description here

В целом результаты, которые я пытаюсь получить должен выглядеть примерно так:

enter image description here

Любой ключ?

+1

Вы пробовали 'static /' без начального /? – petr

+0

@petr Просто попробовал. это все равно. Просто для уточнения файла '/ static /' является файлом по умолчанию, который после создания нового нового проекта djangocms из терминала использует '$ djangocms -p projectname'. он автоматически создается. Путь 'imghome-bg.jpg' находится в следующем каталоге'/mydjangocmsprojectname/static/img' – Mora

+0

* '/ mydjangocmsprojectname/static/img /' – Mora

ответ

1

При использовании тега-шаблона static необходимо отбросить часть пути /static/. При правильной настройке статический тег должен добавить правильную первую часть пути.

Я предлагаю вам попробовать

<header class="intro-header" style="background-image:url({% static 'img/imghome-bg.jpg' %})"> 

Подробности см staticfiles app. Наиболее важная часть конфигурации (в ваших проектах settings.py): STATIC_URL (должно быть /static/ в вашем случае) и STATIC_ROOT (что указывает на каталог, в котором собирается статический файл).

0

Это должно быть так:

<header class="intro-header" style="background-image: url({% static 'img/imghome-bg.jpg' %})"> 

ваш синтаксис не может быть правильным.

+0

Извините, мой код удален, он должен прочитать «background-image: url ({% static 'img/imghome-bg.jpg'%})"> – user7678030