web-dev-qa-db-ja.com

テーマにjsを追加する

私は最初から新しいWordPressテーマを作成しようとしています。私は働いているHTML、CSSとJSファイル。私が使ったワードプレスのテーマにJSを追加するには：

function my_scripts_styles() {
    wp_enqueue_script( 'easing', get_template_directory_uri() . '/js/easing.js',  '2014-12-030', true );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_styles' );

このコードをfunction.phpに

私が使ってみただけでなく：

<script src="<?php get_template_directory_uri();?>/js/jquery.min.js"></script>

しかし、それは機能していません...

何が間違っていますか/私のテーマにJavascriptファイルを追加するにはどうすればよいですか？

themesjavascriptwp-enqueue-script
1
Sanjeevani

あなたのコードはこのように見えるはずです

function my_scripts_styles() {
    wp_register_script('easing', get_template_directory_uri() . '/js/easing.js',  '2014-12-030', true );
    wp_enqueue_script('easing');
}

add_action( 'wp_enqueue_scripts', 'my_scripts_styles' );

上記のコードはうまく動作するはずです。 jsファイルへのパスが正しく指定されているかどうかも確認することを忘れないでください。

Function.phpファイルではなく、functions.phpファイルがあることをよく確認してください。

$ in_footerパラメータがtrueに設定されているので、あなたのテーマにfooter.phpファイルが含まれていること、そしてfooter.phpファイルがこのコード行を含んでいることを確認してください。

wp_footer();

がんばろう ！

2
MMK

ファイルが開発ツールからロードされていてもJSが機能していない場合は、Wordpressでデフォルトで設定されているJqueryの競合しないモードに注意してください。 このリンク はそれとその使い方を説明しています。

0
brianjohnhanna

このようにあなたのスクリプトをエンキューするためにあなたのfunctions.phpファイルにこの関数を追加して、bodyタグを閉じる前にあなたのheader.phpの中でクロージングヘッドの前にwp_header()とあなたのfooter.phpの中にwp_footer()を入れてください。

 <?php  
    function my_scripts_styles() {
        wp_enqueue_script(
            'easing',
             get_template_directory_uri() . '/js/easing.js',
            array( 'jquery' )
        );
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts_styles' );
    ?>

scriptタグを使用してスクリプトを含める場合は、次のようなスクリプトを含めます。

<script src="<?php echo get_template_directory_uri() . '/js/easing.js'?>"></script>

それはうまくいきます

0
Amit Mishra

あなたのコードは大丈夫です。うまくいったはずです。最初から始めたと述べたので、header.phpファイルにwp_head()関数を、footer.phpファイルにwp_footer()関数を追加するのを忘れた可能性があります。

ロードするcssファイルまたはjsファイルをエンキューするために指定した条件に応じて、wp_enqueue_scriptsがwp_head（）またはwp_footer（）のいずれかにフックします。

0
Rajeeb