Wordpress自定义CSS添加了两次?

时间:2016-04-03 21:13:54

标签: css wordpress themes

不是100%确定这个问题对于堆栈是否合法,但它不属于Meta并且它确实涉及一些代码,而且我认为它不具有主观性 - 应该有答案......

我有一个使用The7主题的新wordpress网站,当然,我使用“One Click Child Theme”插件创建了一个子主题。

一切正常,我在那里放了一个小的自定义css来调整导航并进行调整,但是当我在chrome中查看Inspector时,我看到我的自定义css列出了两次!有人知道为什么吗?我的子样式表中没有任何额外的import语句,即使我这样做,这段代码也无论如何都不在父样式表中。子样式表是否被加载两次?

我知道很多网页代码,但使用Wordpress还是比较新的。这是正常行为吗?

这是我的整个子样式表:

/*
Theme Name:     the7 Child
Description:    
Author:         chris@sqlfocus.com
Template:       dt-the7

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

ul.main-nav {
    padding-left: 100px;
    padding-right: 100px;   
    -webkit-padding-start: 100px;
    -webkit-padding-end: 100px;
}

这是检查员: 2s complement

的functions.php:

<?php
//
// Recommended way to include parent theme styles.
//  (Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
//  
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    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')
    );
}
//
// Your code goes below
//

1 个答案:

答案 0 :(得分:1)

我对Enfold主题有完全相同的问题,之前我已经看过其他主题。

我研究了页面的HTML输出,发现主题是自动包含我的样式表。这是意料之外的,因此是不可取的,因为不可预测性是不可取的 - 并非所有主题都这样做。

修复?有点好笑......但我只是......

removed my own reference from functions.php and let the parent theme auto-include it for me

伤心但真实......