drupal插入css,给指定的页面添加特定的css与js之新手方法.

昨天要做一个特殊的页面,使用到原先做好的静态页面,需要把效果和js加入,我的方法如下:

1.首先可以使用views模块创建一个简单的页面,并且给其命名相应的路径,例如:mobile-index

2.在当前主题的template.php文件当中,找到主题相关的页面处理函数 格式为:

function theme_process_page(&$variables){... }

我当前使用的主题为bootstrap_business,则相应的页面处理函数 为:

function bootstrap_business_process_page(&$variables){...}

接下来我们要在这个函数当中添加我们规定页面的CSS与JS文件, 在上面这个函数当中添加如下代码:

if(current_path() == 'mobile-index') {

//给mobile-index页面添加指定css样式

drupal_add_css(drupal_get_path('theme', 'bootstrap_business') . '/mobile/css/owl.carousel.css',

array('group' => CSS_THEME, 'type' => 'file'));

//给mobile-index页面添加指定js文件

drupal_add_js(drupal_get_path('theme', 'bootstrap_business') . 'mobile/js/owl.carousel.min.js');

}

drupal_add_css()为drupal添加css的函数

drupal_add_js()为drupal添加js的函数

drupal_get_path()为drupal获取路径的函数,获取的路径的时候注意使用的是主题的机读名,我就因为这个问题闹了笑话(机读名只能用下划线哦)

3.清空一下缓存,然后到指定的页面看一下你的源代码,是不是搜到了相应的css与js了呢.

4.使用Themedeveloper模块查看相应页面的页面的信息,可以在Candidate template files里面找到相应的候选模版文件,然后对他进行修改啦!

这是我目前使用的修改特定页面的方法. 在此感谢 drupal中国群 里的各位前辈,尤其是狂潮前辈的耐心指导，在drupal社区里面,我们是幸福的!  : )