2017-10-31 22 views
0

おそらく超簡単なことに取り組むべきですが、私はウェブページ用のテンプレートを持っており、そのテンプレートには表面にリンクされた共通のCSSがいくつかあります。Djangoテンプレート拡張子

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

*navbar code in body 
{%block content%}{%endblock%} 
</html> 

拡張htmlページの場合、このレイアウトには他のパーソナライズされたCSSも追加されます。どのように私は現在のCSSをオーバーライドせずに静的フォルダからカスタムCSSを追加できますか?

+2

CSSの別のブロックを作成し、そのテンプレートinheritacneの全体のポイントです。 –

答えて

0

テンプレートブロック(https://docs.djangoproject.com/en/1.7/topics/templates/)を使用してください。

ベーステンプレート(template.html):

{% load static %} 
<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="{% static 'css/index.css' %}"> 
     {% block extra_css %}{% endblock %} 
    </head> 
... 

子テンプレート:

{% extends "template.html" %} 
{% load static %} 

{% block extra_css %} 
    <!-- Specific template css here --> 
    <link rel="stylesheet" type="text/css" href="{% static 'css/another.css' %}"> 
{% endblock %} 
+0

シンプル!おかげで素晴らしい提案 –

+0

良い、将来のユーザーのための答えを受け入れること自由に感じる – abidibo

関連する問題