2013-07-21 31 views
5

これは私の初めての投稿ですので、どのように私がどのように投稿するかアドバイスをいただければ幸いです。 SITE TOModernizrをWordpressに正しく追加しますか?

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

私が動作するように、この素​​晴らしいCSS機能を取得しようとしている問題に実行しています - modernizrとCSSをワードプレスにロードすること。私は、ヘッダーにスクリプトを追加する、modernizr.custom.jsファイルを登録してエンキューするなど、多くのことを試しました。私も追加しました。そして、これらのオプションのどれも働かなかった。私はモダニズムについて学んでいるだけで、本当に立ち往生しています。どんな助けもありがとうございます。

以下は、適切な方法である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ファイル

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

私は、「リソーススクリプトとして解釈されず、MIMEタイプtext/plainので転送」(修正するために使用されたプラグイン404エラーを取得しておきますか、しかし助けなかった)。誰かが少しの指導や指示を与えることができれば、それは大いに感謝するでしょう。これは私の最初の投稿ですので、私から何か情報が必要な場合はお知らせください。あなたの時間をありがとう。

答えて

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の配列を残してきました。

関連する問題