Twig Grav CMS中的唯一页面标识符
我正在使用Grav CMS创建一个模块化的网页;但是,我很难根据内容的生成方式自定义布局 我遵循了找到Grav主站点的文档,从中我对我的站点进行了建模 我的文件夹结构基本上是:Twig Grav CMS中的唯一页面标识符,twig,yaml,grav,Twig,Yaml,Grav,我正在使用Grav CMS创建一个模块化的网页;但是,我很难根据内容的生成方式自定义布局 我遵循了找到Grav主站点的文档,从中我对我的站点进行了建模 我的文件夹结构基本上是: pages 01.home _section1 _section2 在每个分区文件夹中,我都有.md文件。每个部分都被视为“主页”的一个子页 我创建了模板文件modular.html.twig,其中包含以下代码: {% extends 'partials/base.html.
pages
01.home
_section1
_section2
在每个分区文件夹中,我都有.md文件。每个部分都被视为“主页”的一个子页
我创建了模板文件modular.html.twig,其中包含以下代码:
{% extends 'partials/base.html.twig' %}
{% block content %}
{% for child in page.children() %}
{{ child.content() }}
{% endfor %}
{% endblock %}
这段代码遍历子页面,将内容加载到主页上。在我的模板中,我只是使用{{content}
我最终得到的是一个页面,内容垂直堆叠,重复html,
我想做的是唯一地定义每个子页面(部分),以便在html中以不同的方式操作内容
我曾考虑为每个部分创建单独的模板文件,但我的大部分内容都是嵌套的
例如,我有一些类似于:
<div class="row">
<div class="section-1">
<h1>{{ content }}</h1> <!--Needs to be unique-->
</div>
<div class="section-2">
<h1>{{ content }}</h1> <!--Needs to be unique-->
</div>
</div>
{{content}}
{{content}}
有可能用这个框架完成我想做的事情吗?如果是的话,我该怎么做
谢谢我认为有很多方法可以做到这一点。对我来说,我使用页面的标题来设置每个部分的CSS类 我的分区的md文件可能如下所示(例如mysection.md) 这是我的modular.html.twig:
{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="row">
{% for child in page.children() %}
<div class="{{ child.header.section_class }}">
{{ child.content() }}
</div>
{% endfor %}
</div>
{% endblock %}
{%extends'partials/base.html.twig%}
{%block content%}
{page.children()%%中的子项为%
{{child.content()}}
{%endfor%}
{%endblock%}
在mysection.html.twig中,我打印该节的内容
<h1>{{ page.content }}</h1>
{{page.content}
我希望这能有所帮助。我认为有很多方法可以做到这一点。对我来说,我使用页面的标题来设置每个部分的CSS类 我的分区的md文件可能如下所示(例如mysection.md) 这是我的modular.html.twig:
{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="row">
{% for child in page.children() %}
<div class="{{ child.header.section_class }}">
{{ child.content() }}
</div>
{% endfor %}
</div>
{% endblock %}
{%extends'partials/base.html.twig%}
{%block content%}
{page.children()%%中的子项为%
{{child.content()}}
{%endfor%}
{%endblock%}
在mysection.html.twig中,我打印该节的内容
<h1>{{ page.content }}</h1>
{{page.content}
我希望这能有所帮助。我也在寻找一种方法。运气好吗?我也在想办法。运气好吗?