drupal主题开发

libraires之一:给主题添加css和js,用到libraries.yml

日期:2016-12-23 阅读:3038

dmandwp系统 - wordpress系统和DM系统区块建站>>


进入网易云课堂播放
    |    更多视频教程>

参考官方文档: https://www.drupal.org/node/2216195

在drupal8的主题里,css和js是通过 bartik.libraries.yml来实现的。

bartik是主题名字,换成你自己的就行。

------------------

info.yml文件里,通过以下代码下加libraries:

libraries:
  - fluffiness/global-styling

----

libraries是遵循 https://smacss.com/ 的原则。

原则就是:

 

 

三个知识点

1、给网站添加css和js    --- 这个是在libraries.yml

2、可以override或extend这个libraries文件。  ---这个是在info.yml文件。

因为主题里,会调用核心模块里的css和js,如果你不想要这些的话,可以override覆盖他们。

另外extend扩展什么呢?  就是在info.yml对libraries.yml进行扩展。

3、就是在个别的文件里加libraries(css和js)

-------

创建bartik.libraries.yml:

libraryname:
css:
theme:
css/style.css: {}
css/print.css: { media: print }
js:
js/scripts.js

然后在bartik.info.yml:

libraries:
- example/libraryname

这样,就在模板里调用了libraries

----------------------------

要注意空格,不要照抄。另外css/style.css: {} 或  header: Header时,冒号后面,一定要有空格。

------------------

在classy.info.yml里,有这段代码:

libraries:
  - classy/base
  - core/normalize

 

那么core/normalize是什么意思?

找到core/core.libraries.yml文件,里面有一行normalize。就是这个意思。

其他的都可以这样 去分析。

<<点击返回

Drupal8主题开发视频教程 (进入专题>)