Question

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

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

我遇到了一个问题，试图让这个惊人的css功能工作 - 现代化和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" />

这是我注册和使用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具有依赖关系，则可能需要在数组中指定这些名称。

将Modernizr正确添加到Wordpress？

1 个答案: