将Modernizr正确添加到Wordpress？

这是我第一次发布，所以任何意见我如何发布是非常感谢。将Modernizr正确添加到Wordpress？

LINK地址：http://rightbraingroup.com/services-new-css-style/

我遇到了一个问题，试图让这个惊人的CSS功能工作 - Modernizr的和WordPress的加载CSS。我尝试了很多东西，例如在头文件中添加脚本，注册并打开modernizr.custom.js文件。我还补充说。而这些选项都没有奏效。我只是在学习modernizr，而且真的陷入困境。任何帮助表示赞赏。

下面是将js和css引入Wordpress而不使用Enqueing（这是正确的方法）的方法。

<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的转移”（使用插件来解决但没有帮助）。如果任何人都可以给予一点指导或方向，将不胜感激。这也是我第一次发布，如果您需要更多信息，请告诉我。感谢您的时间。

来源

2013-07-21 user2605015

您的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有依赖性，则可能需要在阵列中指定这些名称。

来源

2013-07-22 11:25:03

将Modernizr正确添加到Wordpress？

回答

相关问题