2013-07-21 14 views
5

Questa è la mia prima pubblicazione, quindi qualsiasi consiglio su come postare è molto apprezzato.Aggiunta Modernizr correttamente a Wordpress?

LINK AL SITO: http://rightbraingroup.com/services-new-css-style/

Sono in esecuzione in un problema cercando di ottenere questo sorprendente funzione css per lavorare - Modernizr e il css per caricare in Wordpress. Ho provato molte cose come aggiungere script all'intestazione, registrando e accodando il file modernizr.custom.js. Ho anche aggiunto. E nessuna di queste opzioni ha funzionato. Sto solo imparando a modernizzare e sono davvero bloccato. Qualsiasi aiuto è apprezzato.

Di seguito sono riportati i modi per includere js e css in Wordpress senza utilizzare Enqueing (che è il modo corretto).

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

Questo è come mi sono registrato e Enqued file Anche i 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'); 

Continuo a ricevere un errore 404 o "Risorsa interpretato come script, ma trasferiti con il tipo MIME text/plain" (plugin utilizzato per fissare ma non ha aiutato). Se qualcuno può dare una piccola guida o direzione, sarebbe molto apprezzato. Questa è anche la mia prima pubblicazione, quindi se hai bisogno di ulteriori informazioni da parte mia fammi sapere. Grazie per il tuo tempo.

risposta

4

Il codice wp_enqueue_scripts è corretto e Modernizr sembra caricare correttamente sul tuo sito. È necessario eseguire una chiamata simile per aggiungere fogli di stile.

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

nota, ho lasciato la matrice $deps vuoto, se il CSS ha dipendenze, potrebbe essere necessario specificare i nomi nella matrice.