Drupal 8为什么我的主题找不到style.css?

时间:2014-10-31 08:00:16

标签: jquery html css drupal drupal-8

出于某种原因,我的主题无法在drupal 8中找到css / style.css。

这是.info.yml:

name: Adminimal
type: theme
description: Drupal Administration Simplified.
# version: VERSION
# core: 8.x
base theme: seven

# Include CSS.
stylesheets:
  all:
    - css/style.css

# Information added by Drupal.org packaging script on 2014-10-23
version: '8.x-1.x-dev'
core: '8.x'
project: 'adminimal_theme'
datestamp: 1414059738

文件夹的外观如下:

Theme/adminimal.info.yml
Theme/css/style.css

style.css文件中的css:

html{
    background-color: blue !important;
}

它甚至没有显示在我的谷歌Chrome控制台的样式部分,所以我认为它找不到文件,但为什么?

关于drupal中的jquery我无法让这个工作:https://www.drupal.org/node/1541860使用://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js应该怎样我这样做?

感谢您的帮助!

4 个答案:

答案 0 :(得分:1)

这可能是一个明显的答案,但请尝试清除css / js缓存。

还应注意,主题文件夹的名称应该是主题的名称。所以不要这样:

Theme/adminimal.info.yml
Theme/css/style.css

你应该有这个:

adminimal/adminimal.info.yml
adminimal/css/style.css
祝你好运!

答案 1 :(得分:1)

核心似乎有一个错误。试试此页面上的补丁:https://www.drupal.org/node/2389735

此外,现在使用库添加CSS。见https://www.drupal.org/theme-guide/8/assets

答案 2 :(得分:1)

Drupla 8采用了不同的方法。

据我所知,您需要一个YOUR-THEME.libraries.yml文件,然后在其中声明您的CSS。在info.yml中,您只需指出您想要的libraries.yml文件样式。在这个例子中,“全局样式”。

adminimal.info.yml

libraries:
 -adminimal/global-styling

adminimal.libraries.yml

global-styling:
  version: 1.x
  css:
    theme:
      css/style.css: {}

对空格要谨慎(不允许使用标签)。在drupal网站上,这更详细:https://www.drupal.org/node/2216195。希望这会有所帮助。

答案 3 :(得分:0)

我遇到了同样的问题,我刚刚解决了这个问题,最初我并不理解,但现在我已经开始工作了。

Attaching a library in a Twig template

您还可以使用attach_library()Twig函数将资产库附加到Twig模板。在任何* .html.twig中,你可以这样做:

  

{{attach_library(' fluffiness / cuddly-slider')}}

     一些蓬松的标记{{message}}      

您必须在我的案例中将{{attach_library(your_library)}}添加到您的twig模板中,我将其添加到我的子主题的html.html.twig文件中,我在这里特别添加了它。

请注意:

  

BANDWIDTH OPTIMIZATION   外部资源可以自动优化,这可以减少对您的网站发出的请求的大小和数量。

     
      
  • 汇总CSS文件
  •   
  • 汇总JavaScript文件
  •   

可以选择这些选项Drupal缓存css文件,如果选择了CSS选项,最终会得到一个大的缩小缓存css文件。