6.5 使用模块加载css Load CSS with module
如果你不习惯写代码,你还可以使用模块来完成前面两节讲过的工作。
CSS Injector模块让你能为样式表设置多种加载规则,使用这个模块你可以让样式表在某个指定的页面上加载,也可以在某种指定的媒体上加载,如手机、屏幕、打印样式等。
6.4 用drupal_add_css加载css(下) Load CSS with Drupal_add_css (II)
如果你有足够多的前端经验,你一定知道什么是css reset,你也会知道其作用一般是用于清除浏览器默认的渲染样式。而要达到这一点,通常需要让css reset样式表位于其它样式表的前面。那么问题就来了,drupal主题系统会为页面首先加载系统Css,然后加载模块的CSS最后才会加载主题中的CSS。
6.3 用drupal_add_css加载css(上) Load CSS with Drupal_add_css (I)
在为drupal的主题添加主题自带的一些图片的时候,会碰到一些路径问题,使用下面这些方法添加的图片,才能正确显示在页面上:
6.2 用.info文件载入css Load CSS with .info file
在第四章中我们已经提到,你可以在.info文件中声明网站需要加载的样式表,这里我们来做一个更详细的介绍。
stylesheets[all][] = css/custom.css
6.1 主题中的CSS--谷歌字体和前端性能 CSS in Drupal theme--Google font and frontend performance
在社区里说到Drupal性能,总是可以看到一幅群情激愤的画面。这本来是一个和主题没什么关系的话题,我也没打算讲,可是最近总是看到关于谷歌字体拖慢Drupal网页速度的讨论,于是我开始反省一些问题:
- 4.6 德国人写的主题教程(6)How to Make a Drupal Theme step by step (6) http://www.drupaltutorials.de/2013/07/05/drupal-themes-teil-7/ 在这个系列的最后一节中,我将介绍另外的几个模板文件,它们也是你做主题的时候会经常遇到的。它们分别是node.tpl.php,field.tpl.php和block.tpl.php。
4.5 德国人写的主题教程(5)How to Make a Drupal Theme step by step (5)
http://www.drupaltutorials.de/2013/07/03/drupal-themes-teil-6/
4.4 德国人写的主题教程(4)How to Make a Drupal Theme step by step (4)
http://www.drupaltutorials.de/2013/06/28/drupal-themes-teil-5/
4.3 德国人写的主题教程(3)How to Make a Drupal Theme step by step (3)
http://www.drupaltutorials.de/2013/06/26/drupal-themes-teil-4/