首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自定义样式应用于page.html.twig,而不是html-Front.html.twig

自定义样式应用于page.html.twig,而不是html-Front.html.twig
EN

Drupal用户
提问于 2018-05-15 19:48:42
回答 1查看 784关注 0票数 0

我是drupal的新手,我正在尝试做我自己的主题。目前,我的页面有一个page.html.twig,我的css样式显示得很好。但是,当我添加了一个html--front.html.twig文件,清除了缓存,并检查了主页,没有样式,甚至那些应用于每个页面中的元素的样式(比如body)。html--front.html.twig中的代码与page.html.twig中的代码相同。我检查了控制台,首页成功地从html--front.html.twig模板。其他每一页都很好。我只是不明白为什么它现在忽略了我的所有风格的头版。以下是这两个页面的代码:

代码语言:javascript
运行
复制
<header role="banner">
    {{ page.header }}
  </header>
<div class="layout-container">
  <main role="main">
    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}

    <div class="layout layout-content">
      {{ page.content }}
    </div>

</div>
EN

回答 1

Drupal用户

回答已采纳

发布于 2018-05-15 19:53:12

html--front.html.twig中的代码与page.html.twig中的代码相同

这就是你的问题--这是两个不同的模板,它们有相同的内容是没有意义的。

html.html.twig包含(或者更准确地说,是呈现) page.html.twig,加上<head>标记和驻留在其中的所有东西,文档的页脚等等。如果您将page.html复制到html.html中,这就解释了为什么不再看到样式--您的<head>不见了。

拥有html--front.html.twig和page -Front.html.twig或其他一些组合是完全有效的,但是html模板需要包含文档的外部部分,而页面模板需要包含内部部分。

票数 1
EN
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://drupal.stackexchange.com/questions/261721

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档