wordpress子主题路径问题

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

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

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

启用子主题后的路径选择本文作者:唐霜,转载请注明出处。

转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。【转载请注明来源】原创内容,盗版必究。【未经授权禁止转载】

假设你的父主题是theme,子主题是th原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】eme-child,而当前的主题是the【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.netme-child,也就是子主题,那么在子本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。主题的模板开发的时候,应该怎样正确调用路原创内容,盗版必究。【未经授权禁止转载】径呢?

著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net【本文首发于唐霜的博客】

假设父主题你是完全不能修改的,因为它会升转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】级,你修改了,一升级所有的修改就没有了。本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net你只能修改子主题来达到自己想要的目的。

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

在子主题中:【本文首发于唐霜的博客】

未经授权,禁止复制转载。【原创内容,转载请注明出处】著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。
get_option('tempate') = themeget_option('stylesheet') = theme-child

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

转载请注明出处:www.tangshuang.net【原创内容,转载请注明出处】【未经授权禁止转载】【本文受版权保护】

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

【关注微信公众号:wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 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【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。esheet相关的路径都是基于get_o未经授权,禁止复制转载。【未经授权禁止转载】ption(‘stylesh【转载请注明来源】转载请注明出处:www.tangshuang.neteet’)的值的,因此都是定本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。位到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转载请注明出处:www.tangshuang.net原创内容,盗版必究。mplate’)相关的,所以未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。都是基于theme目录,这是在子主题中最著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.net显著的区别。

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

在父主题中为子主题继承做准备本文作者:唐霜,转载请注明出处。

本文版权归作者所有,未经授权不得转载。原创内容,盗版必究。【本文受版权保护】

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

著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】【原创不易,请尊重版权】

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

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

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

【本文受版权保护】【转载请注明来源】【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。

再者,如果你希望子主题在调用某个样式文件【版权所有】唐霜 www.tangshuang.net【本文受版权保护】的时候,先找子主题目录中是否存在该样式文【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】件,如果不存在,使用父主题目录中对应的样【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】式文件,这个功能你知道怎么去实现吗?(注【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。意,你现在是父主题的开发者)

【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】【作者:唐霜】【本文首发于唐霜的博客】【转载请注明来源】

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

原创内容,盗版必究。【本文受版权保护】【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。
get_template() = themeget_stylesheet() = theme-child

这和子主题中的结果是一样的。【原创不易,请尊重版权】

【版权所有,侵权必究】【原创内容,转载请注明出处】【本文受版权保护】

其实,【原创内容,转载请注明出处】核心问题在于思维【关注微信公众号:wwwtangshuangnet】。也就是说,你在开发父主题的时候,必须时【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。刻思考一下,此处是否会在子主题中做扩展。

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

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

【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】
【原创内容,转载请注明出处】【本文受版权保护】【关注微信公众号:wwwtangshuangnet】【关注微信公众号:wwwtangshuangnet】原创内容,盗版必究。

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

【关注微信公众号:wwwtangshuangnet】【作者:唐霜】【版权所有】唐霜 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未经授权,禁止复制转载。

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

【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net

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

【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net原创内容,盗版必究。本文作者:唐霜,转载请注明出处。转载请注明出处:www.tangshuang.net
add_filter('get_template','my_filter_template');
function my_filter_tmeplate($theme) {
  return $theme.'-mobile';
}

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

转载请注明出处:www.tangshuang.net【本文受版权保护】本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】
add_filter('option_template','my_filter_template_option');

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

本文作者:唐霜,转载请注明出处。【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】本文作者:唐霜,转载请注明出处。【作者:唐霜】

基于这种原理,你甚至可以改get_tem【未经授权禁止转载】转载请注明出处:www.tangshuang.netplate_directory()的返回本文版权归作者所有,未经授权不得转载。【原创不易,请尊重版权】值,让主题的路径定位到其他位置,比如:

【转载请注明来源】本文版权归作者所有,未经授权不得转载。【本文受版权保护】
add_filter('template_directory','my_filter_template_directory');
function my_filter_template_directory() {
  return ABSPATH.'/template';
}

这样,你直接在网站根目录建立一个temp【原创不易,请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】late目录来存放主题就可以了。但是,即原创内容,盗版必究。未经授权,禁止复制转载。使这样,URL部分还是会定位到原来的目录原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】去。

著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.net【本文受版权保护】【未经授权禁止转载】著作权归作者所有,禁止商业用途转载。

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

转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】【作者:唐霜】【版权所有,侵权必究】本文版权归作者所有,未经授权不得转载。

目标:你希望在手机访问时,使用theme【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。-mobile主题,因为该主题是them【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有,未经授权不得转载。e主题的子主题,所以可以复用theme主著作权归作者所有,禁止商业用途转载。未经授权,禁止复制转载。题中的一些内容。而在PC端访问的时候,正本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】常使用theme主题。

原创内容,盗版必究。【原创内容,转载请注明出处】【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】【本文首发于唐霜的博客】

问题:如何利用上面的知识,正确filte【未经授权禁止转载】【版权所有】唐霜 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【原创不易,请尊重版权】的。

【作者:唐霜】【作者:唐霜】【作者:唐霜】

2016-01-17 11190

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

本文价值111.9RMB