wordpress主题框架thematic引入JS的方法

最近手上做的项目比较复杂,有关thematic框架的笔记或许从现在开始发表的更为混乱，不过大家不要担心，这混乱只不过是发表顺序的混乱，文章内容绝对值得一看。

今天说一下利用thematic框架进行child theme开发时引用自定义JS文件的方法。

thematic框架自带了jquery和一个jquery插件，不过这远远不能满足我们在实际开发中的需要，在实际开发中我们需要引入其他JS文件怎么办？

首先强调一点，千万不要去尝试修改thematic框架中的函数和内容，我们只需要在child theme中利用函数对thematic的输出进行控制就好了。

例如今天我们要在名为thematicsamplechildtheme的child theme中引入一个tab.js文件。

进入到child theme所在目录，我这里的路径为E:wwwtestwp-contentthemesthematicsamplechildtheme，然后新建一个functions.php的文件，在这个文件里输入：

1. function my_scripts($scripts) {  
2.     $child_theme_directory = get_bloginfo('stylesheet_directory');  
3.     $scripts .= "n" . "t";  
4.     $scripts .= '<script src="'.$child_theme_directory.'/script/tab.js" type="text/javascript"></script>'."n";  
5.     $scripts .= "n";  
6.     return $scripts;  
7. }  
8. add_filter('thematic_head_scripts', 'my_scripts'); 

在以上代码中，我们利用get_bloginfo('stylesheet_directory')来获取这个child theme的路径，因为是子主题，如果我们用get_bloginfo('template_directory')的话，那取得的将是themeatic的路径了

然后我们将tab.js放入wp-content/themes/thematicsamplechildtheme/script/即可

回到wordpress前台刷新代码后，查看一下网页源文件，是不是多了一行：

1. <script src="http://127.0.0.1/test/wp-content/themes/thematicsamplechildtheme/script/tab.js" type="text/javascript"></script> 

这样一来，我们在完全不修改thematic框架的情况下，开始了基于thematic的征程!