php - Wordpress 样式表子主题

Question

实际上我的问题是我已经有了一个功能性的子主题，其中有一个 functions.php 和许多其他的 filesname.php 以及一个可以正常工作的 style.css，但是当我尝试添加其他样式表(例如模块)时。 min.css 主题只在父文件夹中读取它，所以我不能在我的网站上更改样式表，这很烦人

一些数据:我要覆盖的父文件夹中的文件:\wp-content\themes\startit\assets\css\modules.min.css

我希望可读的子文件夹中的文件:\wp-content\themes\startit-child\assets\css\modules.min.css

我还尝试将 modules.min.css 放在我的子主题中的 styles.css 旁边，但我无法覆盖父文件夹\wp-content\themes\startit-child\modules.min。 CSS

这就是我的 functions.php 的样子:

<?php
function startit_enqueue_styles() {

$parent_style = 'startit-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );

wp_enqueue_style( 'child-style',
    get_stylesheet_directory_uri() . '/style.css',
    array( $parent_style ),
    wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'startit_enqueue_styles' );

?>

谢谢!

Answer 1

有几种方法可以做到这一点，最简单的一种是:

1. 删除/出队父 CSS 文件

2. 添加/排队新的 CSS 文件

   function PREFIX_remove_scripts() {
      wp_dequeue_style( 'put_modules_file_handler_here' );
      wp_deregister_style( 'put_modules_file_handler_here' );
   
      // Now register your child CSS here, using wp_enqueue_style
   }
   add_action( 'wp_enqueue_scripts', 'PREFIX_remove_scripts', 20 );
   

一些常见的混淆您应该将子样式和父样式一起排队吗？有必要吗？这是关于在子主题中排队样式表存在很多混淆的地方。答案取决于父样式如何包含在父主题中。例如，如果父主题使用 get_stylesheet_uri() 来排队样式，

例如二十六:

wp_enqueue_style('twentysixteen-style', get_stylesheet_uri());

那么您就不需要对子样式进行排队。这是因为 get_stylesheet_uri() 返回当前事件主题的 URL，在本例中为子主题。

这是在处理子主题时返回 URL 的方式

get_stylesheet_uri()           = http://example.com/wp-content/themes/example-child/style.css
get_template_directory_uri()   = http://example.com/wp-content/themes/example-parent
get_stylesheet_directory_uri() = http://example.com/wp-content/themes/example-child

因此，我建议您检查您的父级 functions.php，看看样式是如何排队的，以便您可以正确处理它。