我所有的定制引导样式在我的孩子主题中都不起作用!

时间:2017-07-31 作者:Mithun Nath

我正在尝试为Betheme创建一个儿童主题。

我分别使用引导程序将子主题中的大多数元素作为HTML模板进行样式化,然后与子主题集成。

但是,他们都没有成功!

它现在是其默认样式。

我所做的是下载了引导程序。将min.css文件导入到我的子主题中,并将其导入到样式中。带有@import()的css文件;

我不确定这样做是否正确,因为我是Wordpress的新手。或者它与父主题有关。

正如我所说,当这些引导程序元素在HTML文件中脱离WordPress时,它就可以正常工作。所以我猜我以错误的方式将引导文件导入到我的子主题中。

有什么建议吗?

1 个回复
SO网友:Cedon

在您孩子的主题中function.php 文件中,找到enqueue函数并将其添加到那里,而不是使用@import 在CSS中。

例如:

function my_scripts_and_styles() {
    wp_enqueue_style( \'main-style\', get_stylesheet_uri() );
    wp_enqueue_style( \'bootstrap-style\', get_template_directory_uri() . \'/css/bootstrap.min.css\', array( \'main-style\', \'\', true );

    if ( is_singular() && comments_open() && get_option( \'thread_comments\' ) ) {
        wp_enqueue_script( \'comment-reply\' );
    }
}
add_action( \'wp_enqueue_scripts\', \'my_scripts_and_styles\' );
此函数的作用是加载style.css 文件,然后加载bootstrap.min.css 只有style.css 已成功加载(注意:它假定bootstrap.min.css 位于/wp-content/themes/{your theme}/css 因此,相应地调整代码。

wp_head() 从那里开始。如果首先需要引导加载,请移动array() 参数到main-style 并将内容更改为\'bootstrap-style\'.

结束