Использование CSS-файлов в трясогузке (CMS на основе Django) - PullRequest
Новая
       8

Использование CSS-файлов в трясогузке (CMS на основе Django)

0 голосов
/ 06 мая 2019

Я застрял на ДЕЙСТВИТЕЛЬНО простой вещи.Но я не могу определить, что я делаю неправильно - я просто хочу написать CSS для своего шаблона.Вот мое дерево приложения "галерея" (оба CSS-файла содержат body{background-color: #000;}, чтобы просто проверить, работает ли оно): 

gallery
 -blah blah
 -static
   -css
     -wagtail_gallery.css
     -wagtail_gallery0.css
 -blah blah

template: 

 {% extends "base.html" %}

{% load static wagtailcore_tags wagtailimages_tags %}
<link href="{% static 'css/wagtail_galery.css' %}" rel="stylesheet">

{% block body_class %}template-blogindexpage{% endblock %}

{% block content %}
    <h1>{{ page.title }}</h1>

    <div class="intro">{{ page.intro|richtext }}</div>

    {% for subpage in gallery_subpages %}
      {% with subpage=subpage.specific %}
          <a href="{% pageurl subpage %}">
            {% with subpage.main_image as main_image %}

                <!-- This line creates image that links to subpage -->
                {% if main_image %}{% image main_image original %}{% endif %}

            {% endwith %}
          </a>
      {% endwith %}
    {% endfor %}

{% endblock %}

Когда я открыл исходный код, чтобыПосмотрите, что происходит, я увидел эту ссылку в главном разделе: <link rel="stylesheet" type="text/css" href="/static/css/wagtail_gallery.css">.Когда я открываю его пустым (независимо от наличия wagtail_gallery.css).

Когда я захожу на http://localhost:8000/static/css/wagtail_galery0.css в браузере, он показывает мне исключенное содержимое.

Теперь мои вопросы: как я могу использовать wagtail_gallery.css в шаблоне, и как я могу импортировать нестандартный файл CSS (например, wagtail_gallery0.css) в шаблон трясогузки?

Извините, если я пропустилчто-то очевидное в этом вопросе, но я новичок в CMS трясогузки.Кроме того, извините, если я где-то пропустил "l" в "галерее".

1 Ответ

2 голосов
/ 07 мая 2019

Поскольку Wagtail - это просто Django, он использует статические файлы Django . Трудно точно сказать, что происходит, но я подозреваю, что ваш «статический» каталог, возможно, на один уровень выше. Так и должно быть ... 

ProjectFolder    
  -YourAppFolder
    -static
      -wagtail_gallery.css

Попробуйте переместить статическую папку в папку "бла-бла"? Также убедитесь, что у вас есть правильный импорт из связанных документов выше и что приложение действительно импортируется в ваших базовых настройках.

Наконец, в вашем шаблоне вам необходимо указать ссылку на правильный файл. Примерно так: 

<link rel="stylesheet" type="text/css" href="{% static 'css/wagtail_gallery.css' %}">
...