另一种加载父主题样式的方法

知更鸟
知更鸟
站长
2321
文章
0
粉丝
WordPress213,601阅读模式

有些时候为个性化主题,我们会制作子主题方便修改主题功能外观,而不用修改原主题,通常我们会用:

  1. @import url( '../parent-theme-folder/style.css' );

这种方式加载父主题的样式。

详见:

但使用@ import方式加载样式也有一定的缺点,比如:加载慢等。

我们可以使用另一种加载父主题样式的方法:

  1. add_action( 'wp_enqueue_scripts', 'my_parent_theme_css' );
  2. function my_parent_theme_css() {
  3.     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  4.     wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
  5. }

将代码添加到子主题functions.php 模板文件中。

还可以进一步:

  1. add_action( 'wp_enqueue_scripts', 'my_enqueue_styles' );
  2. function my_enqueue_styles() {
  3.     /* If using a child theme, auto-load the parent theme style. */
  4.     if ( is_child_theme() ) {
  5.         wp_enqueue_style( 'parent-style', trailingslashit( get_template_directory_uri() ) . 'style.css' );
  6.     }
  7.     /* Always load active theme's style.css. */
  8.     wp_enqueue_style( 'style', get_stylesheet_uri() );
  9. }

在某些特殊的情况下,你可能不希望加载父主题的样式,可以这样写:

  1. add_action( 'wp_enqueue_scripts', 'my_dequeue_styles', 11 );
  2. function my_dequeue_styles() {
  3.     wp_dequeue_style( 'parent-style' );
  4. }

原文:http://justintadlock.com/archives/2014/11/03/loading-parent-styles-for-child-themes

 

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  21  访客  20  作者  1
    • boke112导航
      boke112导航 5

      以前喜欢用子主题,现在都是喜欢直接修改了,感觉这样比较容易一些

        • 守心斋
          守心斋 3

          @ boke112导航 呵呵,我也是 :mrgreen: 。有更新了,用文件比较软件比较一下。

            • 八点半
              八点半 0

              @ 守心斋 说的不错

            • TeachCourse
              TeachCourse 2

              @ boke112导航 你们懂PHP的可以直接修改,小白不懂,还得苦逼地用主题!

            • 操他妈
              操他妈 0

              原来用过你的主题,支持下
              换链接吗www.caotama.com 操他妈

              • 投融记
                投融记 5

                鸟哥,仿个百度百家的风格。

                  • 知更鸟
                    知更鸟

                    @ 投融记 度娘那个不是响应式设计,有什么可仿的,这个简洁样式,就可以了
                    http://zmingcx.com/demo/blog/

                  • 三月福利吧
                    三月福利吧 2

                    收藏了先~~~~

                    • 麓山申
                      麓山申 1

                      支持

                      • 香港服务器
                        香港服务器 3

                        我感觉直接换主题来得更直接些,搞起来也容易,弄子主题的话,我感觉特别的麻烦,可能是我变懒了

                        • 阿里书籍
                          阿里书籍 5

                          不错的方法

                          • 哎呦喂
                            哎呦喂 0

                            有个问题非常纠结,一直找不到解决的方法,求教:我的网站设置了一组对联广告,在PC端显示OK,但是手机端就会把页面内容遮挡,所以不想让这个广告在手机端显示。

                            • 老董博客
                              老董博客 0

                              还是喜欢简单的主题,不过也经常看到海外的WP主题这样操作。

                              • 学习了
                                学习了 1

                                学习了

                                • 宁波PDM
                                  宁波PDM 0

                                  还是比较喜欢看类似的博客的确实不错

                                  • 流量营销少去
                                    流量营销少去 2

                                    暂时只想使用一个主题。

                                    • wo
                                      wo 0

                                      你的主题可否提供XML,想设置一样不容易啊

                                      • 爆表了!
                                        爆表了! 3

                                        马克先

                                        • 发现特价游
                                          发现特价游 0

                                          正好要用到,多谢,学习了!

                                          • 微信群大全
                                            微信群大全 0

                                            主题很漂亮,极致简洁

                                            • 新成
                                              新成 1

                                              ..沙发

                                            匿名

                                            发表评论

                                            匿名网友
                                            :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                            拖动滑块以完成验证