My Styles are not registering

时间:2017-02-16 作者:Owaiz Yusufi

我正在注册样式表和脚本,但它不起作用,请帮助我。我做错了什么

function theme_styles_and_scripts() {

   wp_enqueue_style(\'bootstrap\', get_template_directory_uri() . \'/css/bootstrap.min.css\', array(), \'3.3.6\', \'all\' );

}

add_action( \'wp_enqueue_scripts\', \'theme_styles_and_scripts\' );

2 个回复
最合适的回答,由SO网友:Fayaz 整理而成

它可能不起作用的原因有多种。

Possibility-1: 您正在子主题中添加CSS文件。在这种情况下,请使用以下代码:

    function theme_styles_and_scripts() {
        wp_enqueue_style( \'bootstrap\', get_stylesheet_directory_uri() . \'/css/bootstrap.min.css\', array(), \'3.3.6\', \'all\' );
    }
    add_action( \'wp_enqueue_scripts\', \'theme_styles_and_scripts\' );
get_stylesheet_directory_uri() 返回当前主题的URL(无论是否为子主题)。另一方面get_template_directory_uri() 如果使用子主题,则返回父主题URL(&P);仅当活动主题不是其他主题的子主题时,才显示当前主题URL。

Possibility-2: 你没有打电话wp_head() 主题模板文件中的任何位置(通常header.php). 但是,如果要修改任何标准主题,则不太可能出现这种情况,因为任何标准主题都不会犯这种错误。

Other Possibilities:

但是,如果您查看HTML源代码;查看您正在查找的bootstrap 在它里面,也许还有另一个电话wp_enqueue_style 使用相同的名称覆盖它(as suggested by this answer) 或者可能您的CSS正在添加,但其他一些CSS正在覆盖您的CSS规则。

How to Debug:

调试此问题的一种简单方法是使用以下CSS代码创建一个简单的CSS文件:

    body {
        background-color: red !important;
    }
然后将CSS文件保存在主题的css 名为的文件夹wpse256672-style.css.

然后在主题中使用以下代码functions.php 文件:

    function wpse256672_css_enqueue() {
        wp_enqueue_style( \'wpse256672_css\', get_stylesheet_directory_uri() . \'/css/wpse256672-style.css\', array(), \'1.0.0\', \'all\' );
    }
    add_action( \'wp_enqueue_scripts\', \'wpse256672_css_enqueue\' );
现在,如果您在保存上述内容后重新加载页面,您应该会在页面中看到红色背景。那意味着你没有Possibility-2 以上,但可能Possibility-1 或者别的什么。更改CSS文件名,$handle 从…起bootstrap 另外,更改版本号,检查文件是否存在等。

注意:如果已激活缓存插件,请先清除缓存(&A);然后在执行上述测试之前清除浏览器缓存。

SO网友:50bbx

还有第三种可能性,因为wp_enqueue_style 文件显示$handleparam必须唯一,因为它不会重写现有句柄。您应该尝试更改$handle 参数设置为更具体的参数。

相关推荐

无法在模板函数.php中使用IS_HOME

我试图在标题中加载一个滑块,但只在主页上加载。如果有帮助的话,我正在使用Ultralight模板。我正在尝试(在template functions.php中)执行以下操作:<?php if ( is_page( \'home\' ) ) : ?> dynamic_sidebar( \'Homepage Widget\' ); <?php endif; ?> 但这行不通。现在,通过快速的google,我似乎需要将请