跳转到主要内容
sina_猫学乖乖 提交于 22 April 2014

昨天要做一个特殊的页面,使用到原先做好的静态页面,需要把效果和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社区里面,我们是幸福的!  : )

Drupal 版本