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

2015年10月22日04:28:19 21 3,294

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

  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
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

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

目前评论:21   其中:访客  20   博主  1

    • boke112导航 5

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

      • 操他妈 0

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

        • 投融记 5

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

            • 知更鸟 Admin

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

            • 三月福利吧 2

              收藏了先~~~~

              • 麓山申 1

                支持

                • 香港服务器 3

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

                  • 阿里书籍 6

                    不错的方法

                    • 哎呦喂 0

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

                      • 老董博客 0

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

                        • 学习了 1

                          学习了

                          • 宁波PDM 0

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

                            • 流量营销少去 2

                              暂时只想使用一个主题。

                              • wo 0

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

                                • 爆表了! 3

                                  马克先

                                  • 发现特价游 0

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

                                    • 微信群大全 0

                                      主题很漂亮,极致简洁

                                      • 新成 1

                                        ..沙发