您可以在模板原型里定义全局使用的 CSS 和 JavaScript。例如,您可以引用 AngularJS 或 其它 JavaScript 框架、添加一个滑动菜单脚本或执行其它任务。注意在原型里引用这些文件是一个全局变化——这些文件将会被每个网页的每个页面所引用。
默认情况下,Magnolia CMS 不会从原型里引用任何 CSS 和 JavaScript。演示站点在它们的 网站定义 里引用了 pop
主题,pop
主题包含了所有这些资源。参考 主题 和 htmlHeader 区域 以获得更多关于默认配置的信息。
以下配置样例引用了模板原型里自定义的 JavaScript 和 CSS 文件。
节点名 | 值 |
---|---|
default | |
templates | |
prototype | |
cssFiles | |
styles | |
farFutureCaching | true |
link | /resources/templating-kit/prototype/css/styles.css |
media | screen |
jsFiles | |
fireworks | |
farFutureCaching | true |
link | /resources/templating-kit/prototype/js/fireworks.js |
这个 JavaScript 为页面添加了烟花效果,CSS 将页眉背景色改为绿色。请注意 htmlHeader 区域 找到自定义的 JavaScript,并在页面的 head
元素里绘制它。
Overview
Content Tools