Hinzufügen von Modernizr richtig zu Wordpress?

Question

Dies ist mein erstes Mal, so dass jeder Rat für meine Post sehr geschätzt wird.

LINK TO ORT: http://rightbraingroup.com/services-new-css-style/

Ich laufe in ein Problem versuchen, diese erstaunliche CSS-Funktion an der Arbeit - modernizr und die CSS in Wordpress zu laden. Ich habe viele Dinge ausprobiert, wie das Hinzufügen von Skripten zum Header, das Registrieren und Inquirieren der Datei moderniszr.custom.js. Ich habe auch hinzugefügt. Und keine dieser Optionen funktionierte. Ich lerne gerade über moderniszr und bin wirklich fest. Jede Hilfe wird geschätzt.

Unten sind die Möglichkeiten, js und css in Wordpress ohne Enqueing (was der richtige Weg ist) einzuschließen.

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

Dies ist, wie ich registriert und Enqued die 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'); 

Ich erhalte einen 404-Fehler oder „Ressource als Script interpretiert, sondern übertragen mit MIME-Typ text/plain“ (verwendet Plugin-Datei zu reparieren aber hat nicht geholfen). Wenn jemand eine kleine Anleitung oder Richtung geben kann, würde es sehr geschätzt werden. Dies ist auch mein erstes Mal, wenn Sie also weitere Informationen von mir benötigen, lassen Sie es mich bitte wissen. Vielen Dank für Ihre Zeit.

Answer 1

Ihr wp_enqueue_scripts-Code ist korrekt und Modernisr scheint auf Ihrer Website in Ordnung zu sein. Sie müssen einen ähnlichen Aufruf zum Hinzufügen von Stylesheets durchführen.

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

Hinweis, habe ich verließ das $deps Array leer, wenn die CSS-Abhängigkeiten hat, können Sie diese Namen im Array angeben.