2013-07-21 3 views
5

이것은 처음 게시하는 방법이므로 게시 방법에 대한 조언을 많이 주시면 감사하겠습니다. 사이트에Wordpress에 Modernizr을 올바르게 추가 하시겠습니까?

LINK : - 모더 나이저와 워드 프레스에로드 할 CSS http://rightbraingroup.com/services-new-css-style/

나는이 놀라운 CSS를 작동하는 기능을 얻으려고 문제로 실행하고 있습니다. 나는 헤더에 스크립트를 추가하고, modernizr.custom.js 파일을 등록하고 enqueing하는 것과 같은 많은 일을 시도했다. 나는 또한 덧붙였다. 그리고이 옵션들 중 어느 것도 작동하지 않았습니다. 나는 단지 모더니져에 대해 배우고 있으며 진정으로 붙어 있습니다. 어떤 도움을 주셔서 감사합니다.

다음은 적절한 방법 인 Enqueing을 사용하지 않고 Wordpress에 js와 css를 포함시키는 방법입니다.

<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는 "자원이 스크립트로 해석하지만, MIME 타입의 텍스트/일반으로 전송"고정 (사용 플러그인 내가 404 오류가 발생하거나 계속

// 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'); 

을 제기하는 방법입니다 그러나 도움을주지 않았다). 누군가가 약간의 지침이나 지시를 내릴 수 있다면 많은 도움이 될 것입니다. 이것은 또한 내 첫 번째 게시이므로 내게 더 많은 정보가 필요하면 알려주십시오. 시간 내 주셔서 감사합니다.

답변

4

귀하의 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'); 
} 

주, 나는 CSS 종속성이있는 경우, 당신은 배열에 그 이름을 지정해야 할 수도 있습니다, 빈 $deps 배열을 떠 났어요.