Question

我为Wordpress主题创建了一个子主题。我已经创建了一个style.css和functions.php文件，但是在我的网站上不起作用，我猜这是我的functions.php文件问题...

* Enqueue styles.
 */
function kava_child_styles_depends( $deps ) {

    $parent_handle = 'kava-parent-theme-style';

    wp_register_style(
        $parent_handle,
        get_template_directory_uri() . '/style.css',
        array(),
        kava_theme()->version()
    );

    $deps[] = $parent_handle;

    return $deps;
}

Answer 1

在WordPress中，“句柄”是唯一的，如果您的父主题使用相同的句柄，则CSS不会加载。 https://developer.wordpress.org/reference/functions/wp_enqueue_style/

尝试这样的事情

add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

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

Answer 2

一种方法是加载父主题样式，然后加载具有父主题依赖性的子主题样式。请检查以下示例。

function kava_parent_theme_enqueue_styles() {
    wp_enqueue_style( 'kava-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'world-style', get_stylesheet_directory_uri() . '/style.css', array( 'kava-style' ) );
}
add_action( 'wp_enqueue_scripts', 'kava_parent_theme_enqueue_styles', 11 );

子主题中的style.css文件不起作用

2 个答案: