WordPress的子主题是一个非常灵活【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】的用法，它可以帮助博主对原有主题进行扩展【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。，但是由于子主题对父主题有继承，因此，在原创内容，盗版必究。【作者：唐霜】路径问题上就比较复杂。本文通过几个例子，转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。来解析WordPress子主题的路径问题【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】。

著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。

启用子主题后的路径选择

假设你的父主题是theme，子主题是th未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】eme-child，而当前的主题是the本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。me-child，也就是子主题，那么在子原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。主题的模板开发的时候，应该怎样正确调用路原创内容，盗版必究。【原创内容，转载请注明出处】径呢？

原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。

假设父主题你是完全不能修改的，因为它会升【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。级，你修改了，一升级所有的修改就没有了。本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】你只能修改子主题来达到自己想要的目的。

【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】转载请注明出处：www.tangshuang.net

在子主题中：

【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。

get_option('tempate') = themeget_option('stylesheet') = theme-child

这是怎么做到的呢？这是由于我们在子主题的【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】style.css中增加了Templat【转载请注明来源】转载请注明出处：www.tangshuang.nete: 项，而在启用子主题的时候，如果存在未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】该项，update_option的时候，【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net则会将该项的值作为template配置项【未经授权禁止转载】原创内容，盗版必究。的值。

本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】

正是由于这个原因，所以在子主题中还会有：

著作权归作者所有，禁止商业用途转载。【本文受版权保护】【版权所有】唐霜 www.tangshuang.net

get_stylesheet() = get_option('stylesheet')
STYLESHEETPATH = get_stylesheet_directory() = get_theme_root(get_stylesheet())
bloginfo('stylesheet_derictory') = get_stylesheet_directory_uri() = get_theme_root_uri(get_stylesheet())
bloginfo('stylesheet_url') = get_stylesheet_uri() = get_stylesheet_directory_uri().'/style.css'

看到这里你应该了解了吧，所有的和styl著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netesheet相关的路径都是基于get_o【原创内容，转载请注明出处】【转载请注明来源】ption(‘stylesh【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】eet’)的值的，因此都是定【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net位到theme-child目录中去。

【版权所有，侵权必究】【未经授权禁止转载】未经授权，禁止复制转载。

而同样的道理

未经授权，禁止复制转载。【未经授权禁止转载】

get_template() = get_option('template')
TEMPLATEPATH = get_template_directory() = get_theme_root(get_template())
bloginfo('template_url') = get_template_directory_uri() = get_theme_root_uri(get_template())

因此，在子主题中，template都是和【未经授权禁止转载】本文作者：唐霜，转载请注明出处。get_option(‘te原创内容，盗版必究。本文作者：唐霜，转载请注明出处。mplate’)相关的，所以【作者：唐霜】著作权归作者所有，禁止商业用途转载。都是基于theme目录，这是在子主题中最【本文首发于唐霜的博客】【原创不易，请尊重版权】显著的区别。

【转载请注明来源】【本文受版权保护】转载请注明出处：www.tangshuang.net

在父主题中为子主题继承做准备

但是，有的时候，父主题也是你开发的，你提【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。供了父主题，并对它长期升级，而希望其他开本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。发者基于该父主题，制作子主题来运行自己的未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。网站。这个时候你就必须考虑，如何保证子主未经授权，禁止复制转载。原创内容，盗版必究。题是可行的，并且父主题中所使用的大部分方【原创内容，转载请注明出处】【本文受版权保护】法到子主题里面也是有效的。

著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net

比如，你定义了一个常量 define('__IMG__',get_template_directory_uri().'/css') 你确定这样的写法是OK的吗？到了子主题原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。中，仍然能够正确获取到父主题里面的某张图本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。片吗？

原创内容，盗版必究。【原创内容，转载请注明出处】【版权所有，侵权必究】

或者，你定义了另外一个常量 define('__CSS__',get_stylesheet_directory_uri().'/css') 你确定这样可以让子主题使用自己的css【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。目录下的文件吗？

【作者：唐霜】【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】

再者，如果你希望子主题在调用某个样式文件【未经授权禁止转载】原创内容，盗版必究。的时候，先找子主题目录中是否存在该样式文未经授权，禁止复制转载。【版权所有，侵权必究】件，如果不存在，使用父主题目录中对应的样【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net式文件，这个功能你知道怎么去实现吗？（注未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】意，你现在是父主题的开发者）

【作者：唐霜】【转载请注明来源】本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】

实际上，从程序上，template和st【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。ylesheet对应的值和前面一节是一样【原创不易，请尊重版权】未经授权，禁止复制转载。的，在父主题的模板代码（甚至插件的代码）【作者：唐霜】【版权所有】唐霜 www.tangshuang.net中，

【作者：唐霜】转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。

get_template() = themeget_stylesheet() = theme-child

这和子主题中的结果是一样的。

【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。

其实，核心问题在于思维。也就是说，你在开发父主题的时候，必须时【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。刻思考一下，此处是否会在子主题中做扩展。

【本文首发于唐霜的博客】【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】

如果必须使用父主题的，使用templat【本文受版权保护】【原创内容，转载请注明出处】e；而如果允许使用子主题的，则使用sty【本文首发于唐霜的博客】【本文受版权保护】lesheet。

著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net

【原创不易，请尊重版权】【本文首发于唐霜的博客】【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。

基于此，你在 <link rel="stylesheet"> 的href标签中，应该使用 get_stylesheet_uri() 来调用子主题的style.css（如果【版权所有，侵权必究】未经授权，禁止复制转载。博主启用的是父主题，则调用的是父主题的s【本文受版权保护】本文作者：唐霜，转载请注明出处。tyle.css）。还有，如果你希望包含【版权所有，侵权必究】【原创内容，转载请注明出处】某一个php文件来实现某些功能，如果希望转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。子主题自己可以来做的话，应该使用 include(STYLESHEETPATH.'/yourfile.php') ，但如果你不允许子主题对此进行变动，则本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。应该直接inlcude('yourfile.php') 。

转载请注明出处：www.tangshuang.net原创内容，盗版必究。【作者：唐霜】

刚才提到，如果子主题存在，则用，如果不存【原创不易，请尊重版权】【转载请注明来源】在，则用父主题的，其实也很简单，通过file_exists去判断。

【转载请注明来源】原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。

function get_style($file) {
  // for example: 
  $file = 'css/mystyle.css';
  $dir_path = is_child_theme() ? STYLESHEETPATH : TEMPLATEPATH;
  $dir_url = is_child_theme() ? get_stylesheet_directory_uri() : get_template_directory_uri();
  if(file_exists($dir_path.'/'.$file))
    return $dir_url.'/'.$file;
}

这样可以确保你可以获得正确的css文件的【转载请注明来源】【作者：唐霜】最终URL。

原创内容，盗版必究。【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】

插件中filter钩子切换主题的正确姿势

上面你仅仅是一个主题开发者，现在切换到插未经授权，禁止复制转载。原创内容，盗版必究。件开发者的角色。在插件中，你试图通过对设【版权所有】唐霜 www.tangshuang.net【本文受版权保护】备的判断，对主题进行切换，当访客是手机访【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】问时，你希望你的博客切换到theme-m转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。obile主题，而该主题，其实是them【未经授权禁止转载】【转载请注明来源】e主题的子主题。

【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net原创内容，盗版必究。

如果你去研究上面提到的那些和templa【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。te相关的函数源码的话，就会发现每一个函【本文首发于唐霜的博客】未经授权，禁止复制转载。数末尾几乎都申请了和函数名一样的钩子，只未经授权，禁止复制转载。未经授权，禁止复制转载。需要add_filter()即可修改其返回结果，例如在插件中增加如下【作者：唐霜】转载请注明出处：www.tangshuang.net代码：

【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。

add_filter('get_template','my_filter_template');
function my_filter_tmeplate($theme) {
  return $theme.'-mobile';
}

那么就会将get_template的返回【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net结果加上’-mobile&#【作者：唐霜】转载请注明出处：www.tangshuang.net8217;后缀。当然，你可以把这个函数丰【本文受版权保护】著作权归作者所有，禁止商业用途转载。富一些，增加很多判断来实现你的目的。我们【本文首发于唐霜的博客】【本文受版权保护】甚至都可以改变get_option的返回【本文受版权保护】【关注微信公众号：wwwtangshuangnet】值，比如：

著作权归作者所有，禁止商业用途转载。【转载请注明来源】原创内容，盗版必究。本文作者：唐霜，转载请注明出处。

add_filter('option_template','my_filter_template_option');

这样，从根源上就把主题切换到了theme【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】-mobile。而选择使用哪个主题模板文著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net件，无非是include(TEMPLATEPATH.'/index.php') 这样的机制，而你通过改get_temp【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。late()的返回值，实际上也就改变了T原创内容，盗版必究。【本文受版权保护】EMPLATEPATH。

原创内容，盗版必究。【版权所有，侵权必究】【作者：唐霜】

基于这种原理，你甚至可以改get_tem【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】plate_directory()的返回本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。值，让主题的路径定位到其他位置，比如：

本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。

add_filter('template_directory','my_filter_template_directory');
function my_filter_template_directory() {
  return ABSPATH.'/template';
}

这样，你直接在网站根目录建立一个temp【本文受版权保护】著作权归作者所有，禁止商业用途转载。late目录来存放主题就可以了。但是，即本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】使这样，URL部分还是会定位到原来的目录【版权所有】唐霜 www.tangshuang.net【作者：唐霜】去。

【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net【转载请注明来源】原创内容，盗版必究。

回到原始话题，在插件中，临时切换主题，从转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net主题theme切换到theme-mobi本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。le，需要承担风险。我们来梳理这个过程：

【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】

目标：你希望在手机访问时，使用theme未经授权，禁止复制转载。【未经授权禁止转载】-mobile主题，因为该主题是them著作权归作者所有，禁止商业用途转载。【本文受版权保护】e主题的子主题，所以可以复用theme主本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。题中的一些内容。而在PC端访问的时候，正【本文首发于唐霜的博客】原创内容，盗版必究。常使用theme主题。

【原创不易，请尊重版权】【未经授权禁止转载】

问题：如何利用上面的知识，正确filte本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。r路径？

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【本文受版权保护】

实现：使template为theme，使【本文受版权保护】本文版权归作者所有，未经授权不得转载。stylesheet为theme-mob本文作者：唐霜，转载请注明出处。【转载请注明来源】ile。

【原创不易，请尊重版权】【版权所有，侵权必究】

function DeviceThemeExtends($theme){
   if(wp_is_mobile())
     $theme .= '-mobile';
  return $theme;
}
add_filter('option_stylesheet','DeviceThemeExtends' );

直接从option的根源上，实现我们的目【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】的。

【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】

2016-01-17 11934