javascript - nunjucksの異なるページのボディに変更クラスを追加するには?

Question

複数のページを持つ静的な Web サイトに Mozilla Nunjucks テンプレートシステムを使用しています。body何らかの目的で、異なるページごとにタグ付けするクラスを追加したい

私たちについてのページ ><body class="about">

ホーム ><body class="home">

すべてのページ内にタグを保持する場合、これを非常に簡単に行うことができますが、すべてのページに使用するテンプレート内にタグbodyを保持したいと考えています。body

条件付きでクラスチェンジしたい。

score 3 · Accepted Answer

完全に動的ではありませんが、ページテンプレート内に変数を設定し、それらを条件で使用して body クラスを設定できます。

レイアウト.ヌンジャックス

{% if pgHome %}
  <body class="home">
{% elif pgAbout %}
  <body class="about">
{% else %}
  <body class="page">
{% endif %}

ホームヌンジャックス

{% extends "layout.nunjucks" %}
{% set pgHome = true %}


  Homepage Markup
  ...

score 2 · Accepted Answer

これを試して：

レイアウト：

<body class="{%block bodyClass %}{% endblock %}">

ページ：

{% block bodyClass %} about {% endblock %}

3 に答える 3