子主题不导入父样式

时间：2017-10-22 作者：Mann

我已经为父主题创建了子主题。刚刚添加style.css 和functions.php 子主题中的文件。

原始主题名称：Verb Lite（目录名称Verb Lite）

我创建了新文件夹verb-lite-child 在主题文件夹中，添加了以下文件。

style.css 文件

/*
 Theme Name:   Verb Lite Child Theme
 Description:  A child theme of the Verb Lite theme
 Template:     verb-lite
 Version:      1.0.0
*/
functions.php 将父样式排入队列的文件，

<?php
    add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
    function theme_enqueue_styles() {
        wp_enqueue_style( \'parent-style\', get_template_directory_uri() . 
    \'/style.css\' );
    }
?>
现在，当我预览主题时，样式被破坏，父样式未加载。

有什么我错过的吗。

2 个回复
SO网友:Mann

如果我打开syyle。css来自我看到的原始主题

*/ /* Themely is based off of Understrap which uses the Underscores starter theme merged with the Bootstrap Framework. The default styles can be found in /css/theme.css and /css.theme.min.css.

我排队时加载的样式theme.css 公元theme.min.css 文件。

我的functions.php 立即存档

<?php

add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'verb-lite-styles\', get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'verb-lite-cssstyles\', get_template_directory_uri() . \'/css/theme.css\' );
    wp_enqueue_style( \'verb-lite-cssMinstyles\', get_template_directory_uri() . \'/css/theme.min.css\' );
}
?>

SO网友:Max Yudin

这是错误的$handle 对于您使用的父主题。改变parent-style 至动词Liteverb-lite-styles.

<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style(
        \'verb-lite-styles\', // See here
        get_template_directory_uri() . \'/style.css\'
    );
}
parent-style 都是一样的$handle 在父主题中注册其样式表时使用

（引自Codex)

根据OP的自我回答更新。

Verb Lite的“排队样式”编程很差，没有使用样式依赖项，这可以从它的inc/enqueue.php 文件

将所有样式按其依赖项排列：

<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );

function theme_enqueue_styles() {

    wp_enqueue_style(
        \'verb-lite-understrap-styles\',
        get_template_directory_uri() . \'/css/theme.min.css\',
        array() // no dependencies
    );
    wp_enqueue_style(
        \'verb-lite-google-fonts\',
        \'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i|Open+Sans:100,300,400,600,700,700italic,600italic,400italic\'),
        array(
            \'verb-lite-understrap-styles\',  // depends on understrap
        )
    );
    wp_enqueue_style(
        \'verb-lite-styles\',
        get_template_directory_uri() . \'/style.css\',
        array(
            \'verb-lite-understrap-styles\', // depends on both understrap and Google fonts
            \'verb-lite-google-fonts\'
        )
    );
}

结束
标签： child-theme   css   小码农  

相关推荐

header_image() with CSS

请原谅我对这件事的无知，因为我才刚刚开始钻研wordpress。但是，我想知道是否有一种方法header_image() 在CSS中。例如，我的functions.php 允许我使用以下标题将php文件排队：<?php header(\"Content-type: text/css; charset: UTF-8;\"); ?>允许我用它来操纵我的主题。现在，我希望我的标题图像可以通过自定义程序进行编辑，而不是用户必须导航CSS文件。例如：.headerimg { /* Set a