wordpress子主题路径问题

广告位招租
扫码页面底部二维码联系

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

原创内容,盗版必究。未经授权,禁止复制转载。【转载请注明来源】

启用子主题后的路径选择

假设你的父主题是theme,子主题是th本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。eme-child,而当前的主题是the本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。me-child,也就是子主题,那么在子【作者:唐霜】本文版权归作者所有,未经授权不得转载。主题的模板开发的时候,应该怎样正确调用路【原创不易,请尊重版权】【版权所有,侵权必究】径呢?

【未经授权禁止转载】【转载请注明来源】【转载请注明来源】【本文首发于唐霜的博客】

假设父主题你是完全不能修改的,因为它会升著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】级,你修改了,一升级所有的修改就没有了。著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】你只能修改子主题来达到自己想要的目的。

【关注微信公众号:wwwtangshua【未经授权禁止转载】著作权归作者所有,禁止商业用途转载。ngnet】【原创不易,请尊重版权】【关注微信公众号:wwwtangshua原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。ngnet】

在子主题中:

【版权所有】唐霜 www.tangshu本文作者:唐霜,转载请注明出处。原创内容,盗版必究。ang.net原创内容,盗版必究。【本文首发于唐霜的博客】
get_option('tempate') = themeget_option('stylesheet') = theme-child

这是怎么做到的呢?这是由于我们在子主题的【转载请注明来源】著作权归作者所有,禁止商业用途转载。style.css中增加了Templat【本文首发于唐霜的博客】本文版权归作者所有,未经授权不得转载。e: 项,而在启用子主题的时候,如果存在原创内容,盗版必究。【原创不易,请尊重版权】该项,update_option的时候,【本文受版权保护】著作权归作者所有,禁止商业用途转载。则会将该项的值作为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【原创内容,转载请注明出处】【未经授权禁止转载】esheet相关的路径都是基于get_o【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】ption(‘stylesh【原创不易,请尊重版权】转载请注明出处:www.tangshuang.neteet’)的值的,因此都是定转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。位到theme-child目录中去。

未经授权,禁止复制转载。【关注微信公众号:wwwtangshua原创内容,盗版必究。著作权归作者所有,禁止商业用途转载。ngnet】【原创不易,请尊重版权】【本文首发于唐霜的博客】

而同样的道理

【访问 www.tangshuang.n【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.netet 获取更多精彩内容】【版权所有,侵权必究】【本文首发于唐霜的博客】
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都是和著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】get_option(‘te本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。mplate’)相关的,所以著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】都是基于theme目录,这是在子主题中最未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】显著的区别。

本文版权归作者所有,未经授权不得转载。【转载请注明来源】

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

但是,有的时候,父主题也是你开发的,你提本文作者:唐霜,转载请注明出处。原创内容,盗版必究。供了父主题,并对它长期升级,而希望其他开著作权归作者所有,禁止商业用途转载。【原创不易,请尊重版权】发者基于该父主题,制作子主题来运行自己的【原创内容,转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】网站。这个时候你就必须考虑,如何保证子主【本文首发于唐霜的博客】转载请注明出处:www.tangshuang.net题是可行的,并且父主题中所使用的大部分方【转载请注明来源】【版权所有,侵权必究】法到子主题里面也是有效的。

本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。

比如,你定义了一个常量 define('__IMG__',get_template_directory_uri().'/css') 你确定这样的写法是OK的吗?到了子主题转载请注明出处:www.tangshuang.net【作者:唐霜】中,仍然能够正确获取到父主题里面的某张图【原创内容,转载请注明出处】未经授权,禁止复制转载。片吗?

原创内容,盗版必究。【未经授权禁止转载】【本文首发于唐霜的博客】【未经授权禁止转载】

或者,你定义了另外一个常量 define('__CSS__',get_stylesheet_directory_uri().'/css') 你确定这样可以让子主题使用自己的css原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】目录下的文件吗?

【关注微信公众号:wwwtangshua【转载请注明来源】原创内容,盗版必究。ngnet】未经授权,禁止复制转载。【访问 www.tangshuang.n未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】

再者,如果你希望子主题在调用某个样式文件本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】的时候,先找子主题目录中是否存在该样式文转载请注明出处:www.tangshuang.net本文版权归作者所有,未经授权不得转载。件,如果不存在,使用父主题目录中对应的样本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。式文件,这个功能你知道怎么去实现吗?(注本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.net意,你现在是父主题的开发者)

本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。

实际上,从程序上,template和st【版权所有】唐霜 www.tangshuang.net【版权所有,侵权必究】ylesheet对应的值和前面一节是一样【本文受版权保护】著作权归作者所有,禁止商业用途转载。的,在父主题的模板代码(甚至插件的代码)【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】中,

【版权所有】唐霜 www.tangshu原创内容,盗版必究。【作者:唐霜】ang.net【本文首发于唐霜的博客】转载请注明出处:www.tangshua【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处:www.tangshuang.netng.net
get_template() = themeget_stylesheet() = theme-child

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

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

其实,核心问题在于思维。也就是说,你在开发父主题的时候,必须时【版权所有】唐霜 www.tangshuang.net【本文受版权保护】刻思考一下,此处是否会在子主题中做扩展。

【版权所有】唐霜 www.tangshu未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。ang.net原创内容,盗版必究。【版权所有】唐霜 www.tangshu【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netang.net

如果必须使用父主题的,使用templat未经授权,禁止复制转载。【版权所有,侵权必究】e;而如果允许使用子主题的,则使用sty未经授权,禁止复制转载。【版权所有,侵权必究】lesheet。

未经授权,禁止复制转载。【版权所有】唐霜 www.tangshu【本文受版权保护】著作权归作者所有,禁止商业用途转载。ang.net
转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】ng.net【未经授权禁止转载】

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

未经授权,禁止复制转载。【本文受版权保护】

刚才提到,如果子主题存在,则用,如果不存【转载请注明来源】【本文首发于唐霜的博客】在,则用父主题的,其实也很简单,通过file_exists去判断。

【版权所有】唐霜 www.tangshu【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.netang.net转载请注明出处:www.tangshua原创内容,盗版必究。未经授权,禁止复制转载。ng.net
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文件的【访问 www.tangshuang.net 获取更多精彩内容】【作者:唐霜】最终URL。

本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshua【原创不易,请尊重版权】未经授权,禁止复制转载。ngnet】【本文受版权保护】

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

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

转载请注明出处:www.tangshua未经授权,禁止复制转载。未经授权,禁止复制转载。ng.net【访问 www.tangshuang.n本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。et 获取更多精彩内容】【原创内容,转载请注明出处】

如果你去研究上面提到的那些和templa【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】te相关的函数源码的话,就会发现每一个函原创内容,盗版必究。【未经授权禁止转载】数末尾几乎都申请了和函数名一样的钩子,只【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.net需要add_filter()即可修改其返回结果,例如在插件中增加如下【本文受版权保护】著作权归作者所有,禁止商业用途转载。代码:

转载请注明出处:www.tangshua本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.netng.net【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。ang.net本文作者:唐霜,转载请注明出处。
add_filter('get_template','my_filter_template');
function my_filter_tmeplate($theme) {
  return $theme.'-mobile';
}

那么就会将get_template的返回转载请注明出处:www.tangshuang.net【版权所有】唐霜 www.tangshuang.net结果加上’-mobile&#本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。8217;后缀。当然,你可以把这个函数丰【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。富一些,增加很多判断来实现你的目的。我们【作者:唐霜】【未经授权禁止转载】甚至都可以改变get_option的返回【本文首发于唐霜的博客】原创内容,盗版必究。值,比如:

未经授权,禁止复制转载。著作权归作者所有,禁止商业用途转载。
add_filter('option_template','my_filter_template_option');

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

原创内容,盗版必究。【原创不易,请尊重版权】【未经授权禁止转载】

基于这种原理,你甚至可以改get_tem【转载请注明来源】转载请注明出处:www.tangshuang.netplate_directory()的返回【关注微信公众号:wwwtangshuangnet】【未经授权禁止转载】值,让主题的路径定位到其他位置,比如:

本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshu原创内容,盗版必究。【原创不易,请尊重版权】ang.net
add_filter('template_directory','my_filter_template_directory');
function my_filter_template_directory() {
  return ABSPATH.'/template';
}

这样,你直接在网站根目录建立一个temp【转载请注明来源】【版权所有】唐霜 www.tangshuang.netlate目录来存放主题就可以了。但是,即【本文受版权保护】转载请注明出处:www.tangshuang.net使这样,URL部分还是会定位到原来的目录【版权所有,侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】去。

【本文受版权保护】【关注微信公众号:wwwtangshua未经授权,禁止复制转载。原创内容,盗版必究。ngnet】转载请注明出处:www.tangshua著作权归作者所有,禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】ng.net【转载请注明来源】

回到原始话题,在插件中,临时切换主题,从【本文受版权保护】原创内容,盗版必究。主题theme切换到theme-mobi【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。le,需要承担风险。我们来梳理这个过程:

原创内容,盗版必究。【访问 www.tangshuang.n原创内容,盗版必究。转载请注明出处:www.tangshuang.netet 获取更多精彩内容】转载请注明出处:www.tangshua【未经授权禁止转载】未经授权,禁止复制转载。ng.net

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

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

问题:如何利用上面的知识,正确filte【原创不易,请尊重版权】【作者:唐霜】r路径?

著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。

实现:使template为theme,使【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】stylesheet为theme-mob【关注微信公众号:wwwtangshuangnet】【本文受版权保护】ile。

【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。
function DeviceThemeExtends($theme){
   if(wp_is_mobile())
     $theme .= '-mobile';
  return $theme;
}
add_filter('option_stylesheet','DeviceThemeExtends' );

直接从option的根源上,实现我们的目【原创不易,请尊重版权】【本文受版权保护】的。

著作权归作者所有,禁止商业用途转载。【未经授权禁止转载】未经授权,禁止复制转载。未经授权,禁止复制转载。

2016-01-17 11471

为价值买单,打赏一杯咖啡

本文价值114.71RMB