wordpress子主题路径问题

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

WordPress的子主题是一个非常灵活本文版权归作者所有,未经授权不得转载。【作者:唐霜】的用法,它可以帮助博主对原有主题进行扩展【作者:唐霜】【版权所有】唐霜 www.tangshuang.net,但是由于子主题对父主题有继承,因此,在【作者:唐霜】本文作者:唐霜,转载请注明出处。路径问题上就比较复杂。本文通过几个例子,未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net来解析WordPress子主题的路径问题本文作者:唐霜,转载请注明出处。【未经授权禁止转载】

【版权所有,侵权必究】本文作者:唐霜,转载请注明出处。

启用子主题后的路径选择

假设你的父主题是theme,子主题是th【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.neteme-child,而当前的主题是the【转载请注明来源】著作权归作者所有,禁止商业用途转载。me-child,也就是子主题,那么在子【转载请注明来源】本文作者:唐霜,转载请注明出处。主题的模板开发的时候,应该怎样正确调用路【转载请注明来源】【版权所有,侵权必究】径呢?

【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】

假设父主题你是完全不能修改的,因为它会升【本文首发于唐霜的博客】【版权所有,侵权必究】级,你修改了,一升级所有的修改就没有了。著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】你只能修改子主题来达到自己想要的目的。

著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net

在子主题中:

【原创不易,请尊重版权】【作者:唐霜】
get_option('tempate') = themeget_option('stylesheet') = theme-child

这是怎么做到的呢?这是由于我们在子主题的【版权所有,侵权必究】【原创不易,请尊重版权】style.css中增加了Templat【原创不易,请尊重版权】未经授权,禁止复制转载。e: 项,而在启用子主题的时候,如果存在未经授权,禁止复制转载。【本文首发于唐霜的博客】该项,update_option的时候,转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。则会将该项的值作为template配置项本文作者:唐霜,转载请注明出处。原创内容,盗版必究。的值。

【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。【版权所有,侵权必究】

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

本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。转载请注明出处: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.net转载请注明出处:www.tangshuang.netesheet相关的路径都是基于get_o著作权归作者所有,禁止商业用途转载。著作权归作者所有,禁止商业用途转载。ption(‘stylesh【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】eet’)的值的,因此都是定【访问 www.tangshuang.net 获取更多精彩内容】【原创不易,请尊重版权】位到theme-child目录中去。

【版权所有】唐霜 www.tangshuang.net【转载请注明来源】

而同样的道理

转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。
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【原创内容,转载请注明出处】

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

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

【原创不易,请尊重版权】【作者:唐霜】

比如,你定义了一个常量 define('__IMG__',get_template_directory_uri().'/css') 你确定这样的写法是OK的吗?到了子主题本文作者:唐霜,转载请注明出处。【作者:唐霜】中,仍然能够正确获取到父主题里面的某张图【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】片吗?

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

或者,你定义了另外一个常量 define('__CSS__',get_stylesheet_directory_uri().'/css') 你确定这样可以让子主题使用自己的css未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。目录下的文件吗?

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

再者,如果你希望子主题在调用某个样式文件【原创内容,转载请注明出处】【转载请注明来源】的时候,先找子主题目录中是否存在该样式文【本文首发于唐霜的博客】未经授权,禁止复制转载。件,如果不存在,使用父主题目录中对应的样本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。式文件,这个功能你知道怎么去实现吗?(注【转载请注明来源】【转载请注明来源】意,你现在是父主题的开发者)

原创内容,盗版必究。【本文首发于唐霜的博客】【本文首发于唐霜的博客】【作者:唐霜】

实际上,从程序上,template和st【未经授权禁止转载】【本文受版权保护】ylesheet对应的值和前面一节是一样【作者:唐霜】【转载请注明来源】的,在父主题的模板代码(甚至插件的代码)【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】中,

【关注微信公众号:wwwtangshuangnet】【作者:唐霜】【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】
get_template() = themeget_stylesheet() = theme-child

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

【本文受版权保护】【原创内容,转载请注明出处】【关注微信公众号:wwwtangshuangnet】

其实,核心问题在于思维。也就是说,你在开发父主题的时候,必须时【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.net刻思考一下,此处是否会在子主题中做扩展。

【关注微信公众号:wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】

如果必须使用父主题的,使用templat【原创不易,请尊重版权】【版权所有】唐霜 www.tangshuang.nete;而如果允许使用子主题的,则使用sty本文作者:唐霜,转载请注明出处。【原创内容,转载请注明出处】lesheet。

【关注微信公众号:wwwtangshuangnet】未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net
著作权归作者所有,禁止商业用途转载。本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。

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

转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。

刚才提到,如果子主题存在,则用,如果不存原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net在,则用父主题的,其实也很简单,通过file_exists去判断。

【原创内容,转载请注明出处】转载请注明出处:www.tangshuang.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文件的【作者:唐霜】【作者:唐霜】最终URL。

【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。

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

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

未经授权,禁止复制转载。【原创内容,转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】

如果你去研究上面提到的那些和templa【本文受版权保护】【作者:唐霜】te相关的函数源码的话,就会发现每一个函未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net数末尾几乎都申请了和函数名一样的钩子,只本文作者:唐霜,转载请注明出处。【作者:唐霜】需要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.net 获取更多精彩内容】转载请注明出处:www.tangshuang.net8217;后缀。当然,你可以把这个函数丰【版权所有】唐霜 www.tangshuang.net【作者:唐霜】富一些,增加很多判断来实现你的目的。我们【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。甚至都可以改变get_option的返回【原创内容,转载请注明出处】【版权所有,侵权必究】值,比如:

【版权所有,侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】
add_filter('option_template','my_filter_template_option');

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

本文版权归作者所有,未经授权不得转载。【本文受版权保护】

基于这种原理,你甚至可以改get_tem转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。plate_directory()的返回本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshuang.net值,让主题的路径定位到其他位置,比如:

【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。【版权所有,侵权必究】
add_filter('template_directory','my_filter_template_directory');
function my_filter_template_directory() {
  return ABSPATH.'/template';
}

这样,你直接在网站根目录建立一个temp著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netlate目录来存放主题就可以了。但是,即本文版权归作者所有,未经授权不得转载。【原创内容,转载请注明出处】使这样,URL部分还是会定位到原来的目录【本文受版权保护】著作权归作者所有,禁止商业用途转载。去。

著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。【未经授权禁止转载】

回到原始话题,在插件中,临时切换主题,从【访问 www.tangshuang.net 获取更多精彩内容】【关注微信公众号:wwwtangshuangnet】主题theme切换到theme-mobi【作者:唐霜】【版权所有】唐霜 www.tangshuang.netle,需要承担风险。我们来梳理这个过程:

转载请注明出处:www.tangshuang.net【版权所有,侵权必究】【原创内容,转载请注明出处】

目标:你希望在手机访问时,使用theme【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net-mobile主题,因为该主题是them本文作者:唐霜,转载请注明出处。本文作者:唐霜,转载请注明出处。e主题的子主题,所以可以复用theme主【作者:唐霜】本文版权归作者所有,未经授权不得转载。题中的一些内容。而在PC端访问的时候,正未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。常使用theme主题。

【版权所有】唐霜 www.tangshuang.net未经授权,禁止复制转载。

问题:如何利用上面的知识,正确filte【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.netr路径?

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

实现:使template为theme,使著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】stylesheet为theme-mob【未经授权禁止转载】未经授权,禁止复制转载。ile。

【未经授权禁止转载】转载请注明出处:www.tangshuang.net原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】
function DeviceThemeExtends($theme){
   if(wp_is_mobile())
     $theme .= '-mobile';
  return $theme;
}
add_filter('option_stylesheet','DeviceThemeExtends' );

直接从option的根源上,实现我们的目未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】的。

【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】

2016-01-17 11748

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

本文价值117.48RMB