将Modernizr正确添加到Wordpress？

Question

这是我第一次发帖,所以对我发布的任何建议都非常感谢.

链接到网站:http://rightbraingroup.com/services-new-css-style/

我遇到了一个问题,试图让这个惊人的CSS函数工作 - modernizr和css加载在Wordpress中.我尝试了很多东西,比如在标题中添加脚本,注册和输入modernizr.custom.js文件.我还补充道.这些选项都没有奏效.我只是在学习现代化,我真的被卡住了.任何帮助表示赞赏.

下面是在不使用Enqueing的情况下将js和css包含到Wordpress中的方法(这是正确的方法).

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/modernizr.custom.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/component.css" media="screen" />

这是我注册和Enqued js文件的方式

// script manager template to register and enqueue files
function childtheme_script_manager() {

    // wp_register_script template ( $handle, $src, $deps, $ver, $in_footer );

    // registers modernizr script, stylesheet local path, no dependency, no version, loads in header
    wp_register_script('new_service', get_stylesheet_directory_uri() . '/js/modernizr.custom.js', array('jquery'), false, false);

    // enqueue the scripts for use in theme
    wp_enqueue_script ('new_service');

}
add_action('wp_enqueue_scripts', 'childtheme_script_manager');

我一直收到404错误或"资源解释为脚本,但转移MIME类型text/plain"(使用插件修复但没有帮助).如果有人能提供一点指导或指导,我将不胜感激.这也是我第一次发帖,所以如果您需要我的更多信息,请告诉我.感谢您的时间.

Answer 1

您的wp_enqueue_scripts代码是正确的,Modernizr似乎在您的网站上正常加载.您需要执行类似的调用以添加样式表.

function childtheme_script_manager() {
    wp_register_script('new_service', get_stylesheet_directory_uri() . '/js/modernizr.custom.js', array('jquery'), false, false);
    wp_enqueue_script('new_service');

    wp_register_style('my_style', get_template_directory_uri() . '/css/component.css', array(), false, 'screen');
    wp_enqueue_style('my_style');
}

注意,我已将$deps数组留空,如果css具有依赖关系,则可能需要在数组中指定这些名称.