Poprawne dodawanie Modernizr do Wordpressa?

Question

To jest moja pierwsza publikacja, więc wszelkie porady dotyczące tego, jak publikować, są bardzo cenne.

link do strony: http://rightbraingroup.com/services-new-css-style/

używam do problemu próbując dostać tę niesamowitą funkcję css do pracy - modernizr i css do załadowania w Wordpress. Próbowałem wielu rzeczy, takich jak dodawanie skryptów do nagłówka, rejestrowanie i enqueing pliku modernizr.custom.js. Dodałem też. I żadna z tych opcji nie zadziałała. Właśnie uczę się o modernizatorze i naprawdę tkwię. Każda pomoc jest doceniana.

Poniżej przedstawiono sposoby włączenia js i css do Wordpressa bez użycia Enqueing (co jest właściwym sposobem).

<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" /> 

To jak ja zarejestrowany i Enqued js plik

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

Wciąż otrzymuję błąd 404 lub "zasobów interpretować jako Script ale przeniesiono z typ MIME text/plain" (plugin używane do montażu ale nie pomogło). Jeśli ktokolwiek może dać trochę wskazówek lub kierunku, byłoby to bardzo cenne. Jest to również moja pierwsza publikacja, więc jeśli potrzebujesz więcej informacji ode mnie, daj mi znać. Dziękuję za Twój czas.

Answer 1

Twój kod wp_enqueue_scripts jest poprawny i wydaje się, że Modernizr ładuje się poprawnie na Twojej stronie. Musisz wykonać podobne wywołanie do dodawania arkuszy stylów.

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

Uwaga, ja w lewo tablicę $deps pusta, jeśli CSS ma zależności, może być konieczne, aby określić te nazwy w tablicy.