Question

我坚持很简单的事情。但是我无法发现我做错了什么-我只想为模板编写一些CSS。这是我的“图库”应用程序树（两个css文件都包含body{background-color: #000;}只是为了测试它是否有效）：

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

模板：

 {% 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）文件导入w模板？

很抱歉，如果我错过了此问题中明显的内容，但我是wagtail CMS的新手。另外，对不起，如果我在某个地方的“图库”中错过了一些“ l”。

Answer 1

由于Wagtail只是Django，因此使用Django static files。很难确切说明发生了什么，但是我怀疑您的“静态”目录可能太高了一级。应该是这样的...

ProjectFolder    
  -YourAppFolder
    -static
      -wagtail_gallery.css

尝试将静态文件夹移动到“ blah blah”文件夹中吗？另外，请确保您已从上面的链接文档中导入正确的文件，并且实际上已在基本设置中导入了该应用。

最后，您需要在模板中链接到正确的文件。像这样：

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

在Wagtail中使用CSS文件（基于Django的CMS）

1 个答案: