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在,则用父主题的,其实也很简单,通过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。
【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。插件中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 获取更多精彩内容】【原创不易,请尊重版权】代码:
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


