Wordpress4.5.3でテーマを作ることを勉強しています。
Bootstrap3のフリー配布ののテンプレートをWordpressのテーマに作り替えようと思います。
そこで、cssとjsファイルを読み込みたいのですが、functions.phpでcssとjsを指定したのですが、下記のように書きましたが、Goolge Chromeで確認すると、css/bootstrap.min.cssとjquery-2.1.3.min.js'は読み込まれているようですが、他は読み込まれていないようで、原因がわかりません。教えてください。おそらく書き方にあるのだと思いますが、いろいろためしているのですが、解決していません。
ネットは検索すると、jqueryやbootstrapがwordpress自体にも入っているということで、二重になるとの記事もありましたが、今回の問題と関連性はあるのでしょうか? もし分かりましたらよろしくお願いします。
function style_test_scripts() { //cssファイルの読み込み。 wp_enqueue_style( 'css', get_template_directory_uri() . '/css/bootstrap.min.css', array() ); wp_enqueue_style( 'css', get_template_directory_uri() . '/css/font-awesome.min.css', array('bootstrap.min') ); wp_enqueue_style( 'css', get_template_directory_uri() . '/css/animate.css', array('bootstrap.min') ); wp_enqueue_style( 'css', get_template_directory_uri() . '/css/owl.carousel.css', array('bootstrap.min') ); wp_enqueue_style( 'css', get_template_directory_uri() . '/css/owl.theme.css', array('bootstrap.min') ); wp_enqueue_style( 'css', get_template_directory_uri() . 'style.css', array() ); //Jsファイルの読み込み。 wp_enqueue_script( 'js', get_template_directory_uri() . '/js/jquery-2.1.3.min.js', array() ); wp_enqueue_script( 'js', get_template_directory_uri() . '/js/modernizr.custom.97074.js', array() ); wp_enqueue_script( 'js', get_template_directory_uri() . '/js/bootstrap.min.js', array( 'jquery-2.1.3.min' ), '20160412', true ); wp_enqueue_script( 'js', get_template_directory_uri() . '/js/owl.carousel.js', array( 'jquery-2.1.3.min' ), '20160412', true ); wp_enqueue_script( 'js', get_template_directory_uri() . '/js/jquery.hoverdir.js', array( 'jquery-2.1.3.min' ), '20160412', true ); } add_action( 'wp_enqueue_scripts', 'style_test_scripts' );
回答1件
あなたの回答
tips
プレビュー