Question

如何从子主题中的父主题以及按哪种顺序排列更多css文件？

注意：之前的方法是使用@import导入父主题样式表，但这不再是最佳做法，因为它会上传样式表两次。

将父主题样式表排入队列的正确方法是添加wp_enqueue_scripts操作并在子主题 functions.php 中使用wp_enqueue_style()。

因此，这是正确的PHP代码：

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

但是这只上传 style.css 并且所有主题都有多个css文件，那么如何将所有这些文件排入队列呢？我怎样才能保持上传文件的正确顺序？

例如，除了 style.css之外，如何从 theme_parent_directory / css / main.css 路径中将文件 main.css 排入队列

我希望我的英语很清楚。：）

提前谢谢！

Answer 1

<?php

  add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles',999 );
  function theme_enqueue_styles() {
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/css/main.css' );
     wp_enqueue_style( 'child-style',
      get_stylesheet_directory_uri() . '/style.css',
      array( $parent_style )
     );
}

?>

WordPress：以正确的顺序覆盖子主题中的多个css文件

1 个答案: