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

知更鸟 2015年10月22日04:28:19213.6K49

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

  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 文章生成目录索引 WordPress

WordPress 文章生成目录索引

WordPress文章目录索引,可以方便浏览者阅读,文本分享一段最新免插件生成WordPress 文章目录索引代码,可以将h2-h6段落标题自动生成文章生成目录索引,并可实现分层级。 WordPres...
在WordPress文章中添加小工具 WordPress

在WordPress文章中添加小工具

虽然目前WordPress区块编辑器,可以在正文中添加任意区块,包括区块小工具,但想在所有文章中添加一个固定的内容,每次还是需要手动添加区块,文本分享一段代码,可实现在WordPress文章中添加一个...
匿名

发表评论

匿名网友

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

评论:21   其中:访客  20   博主  1
    • boke112导航
      boke112导航 5

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

      • 操他妈
        操他妈 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

                                        ..沙发