你好,我是晴空,我是一枚设计师,前端工程师,Drupal 主题开发者和Now I Code 爱码文档汇的发起人。
- drupal的前端表现为什么这么差(3) 关键人物介绍 John Albin Wilkins
这位可爱风趣的台湾女婿,zen主题的作者,在近两年的Drupal聚会演讲中,都喜欢用这么一句话开头: “Are you new to front-end web development?
- drupal的前端表现为什么这么差(2) Drupal主题系统的“变革”
Drupal7和它之前的版本,页面上每渲染出一个元素,都会被一层层的div包裹着,并且每一层div都有一长串的class/id选择器。然而,Drupal7在主题层上依然比前面的版本要强大、灵活。比如:
- drupal的前端表现为什么这么差(1) 前端工作流程的变革 本节前言
我已经开始写第七章了,但是其实第六章并没有完,前面十多节的内容都是在为后面做铺垫,只是每次临到准备下笔的时候,又退缩了,因为我要写的东西和中国drupal圈子的现状差距比较大,从前面章节的阅读数量来看,也证明了这一点。
7.2.4 drupal_add_library
另外,你还可以使用drupal_add_library添加js库。格式如下:
drupal_add_library($module, $library);
这里,库指的是一个js+css的集合,库中还可以包含其它依赖的库。例如,Drupal7中所包含jQuery UI,就是一个库,并且,这个库存在于核心的 system模块中,如果你想引入整个jQuery UI,你可以这样:
7.2 在主题中引入JS
7.2.1 使用.info文件添加js
在dp中引入js最简单的方法是在.info文件中进行声明。这里就不重复叙述了,但是你应该记住两点:第一,用这个方法添加的js会出现在网站的所有页面上,因此,要考虑性能问题。第二,用这个方法添加的js是主题层的js,当drupal页面加载的时候,drupal会首先加载库js(core/library)和模块js,然后才加载主题js。
7.1 主题中的JS
和上一章类似,本章我们会讲一些Drupal主题中和JS有关的知识点,但是并不讲JS本身。如果你对JS还不很了解,建议你花时间去学习一下,因为JS真的非常有用。
在你往主题中写入JS语句之前,你应该了解以下事实:
1. Drupal程序自带jQuery和jQuery UI
6.12 在主题中应用smacss(3)——Apply SMACSS in Drupal theme(3)
之前我们讨论了如何控制区块中的选择器,现在让我们来学习如何用类似的技巧控制字段的选择器。
2.3 Drupal主题相关的重要概念(3)Basic concept of Drupal Theme (III)
2.3.6
这一节,我们以字段为例,再更进一步的讲述覆写的概念,覆写字段的方法不止一种,但是我将重点讲述普遍推荐的方式——使用theme_field()函数。
6.11 在主题中应用smacss(2)——Apply SMACSS in Drupal theme(2)
3 高级办法——template.php
你可以在block模块中找到block.tpl.php文件,这是Drupal区块的默认模版文件: