页面 header.html.twig 文件路径中的呈现问题--front.html.twig
Rendering Issue in header.html.twig file path in page--front.html.twig
我在 drupal 8 中创建了一个自定义主题。
现在经过大量工作后,我想要一个单独的文件和文件夹用于 header、页脚等,因此创建了一个文件夹部分并创建了一个文件名 header.html.twig
文件从前面复制了 header页面,现在在该首页中分配路径后:
{% include directory ~ '/partials/header.html.twig' %}
我无法在首页上获得 header,如果我直接这样做,那么我可以在首页上获得 header。
我为 header 编写的代码是:
<header class="main-header" role="banner">
<div class="container">
{{ page.header }}
<div class="main-navigation">
{{ page.main_navigation }}
</div>
</div>
</header>
directory
变量指的是主题的根文件夹,所以它应该是这样的:
{% include directory ~ '/templates/partials/header.html.twig' %}
但是 Drupal 建议使用 Twig 命名空间,例如:
{% include '@your_theme_name/partials/header.html.twig' %
A Twig namespace is created in Drupal 8 automatically when installing your theme, and it points to the /templates directory of your theme. Essentially, writing "@theme_name" in a Twig include (like above) will reference the location "your_site.com/themes/theme_name/templates" on your server.
更多信息在这里:https://www.drupal.org/docs/8/theming-drupal-8/including-part-template
我在 drupal 8 中创建了一个自定义主题。
现在经过大量工作后,我想要一个单独的文件和文件夹用于 header、页脚等,因此创建了一个文件夹部分并创建了一个文件名 header.html.twig
文件从前面复制了 header页面,现在在该首页中分配路径后:
{% include directory ~ '/partials/header.html.twig' %}
我无法在首页上获得 header,如果我直接这样做,那么我可以在首页上获得 header。
我为 header 编写的代码是:
<header class="main-header" role="banner">
<div class="container">
{{ page.header }}
<div class="main-navigation">
{{ page.main_navigation }}
</div>
</div>
</header>
directory
变量指的是主题的根文件夹,所以它应该是这样的:
{% include directory ~ '/templates/partials/header.html.twig' %}
但是 Drupal 建议使用 Twig 命名空间,例如:
{% include '@your_theme_name/partials/header.html.twig' %
A Twig namespace is created in Drupal 8 automatically when installing your theme, and it points to the /templates directory of your theme. Essentially, writing "@theme_name" in a Twig include (like above) will reference the location "your_site.com/themes/theme_name/templates" on your server.
更多信息在这里:https://www.drupal.org/docs/8/theming-drupal-8/including-part-template