Wordpressで外部のJavaScriptが読み込まれない

Question

WordPressでカスタムjsファイルを読み込もうとしています.JavaScriptのテーマフォルダにアップロードしました.Function.phpで次のコードを使用していますが、できません。仕事：

function wpb_adding_scripts() { 
    wp_register_script('service-graph', plugins_url('js/service-graph.js', __FILE__), array('jquery'),'1.1', true); 
    wp_enqueue_script('service-graph'); 
} 

add_action('wp_enqueue_scripts', 'wpb_adding_scripts'); 

ありがとう。

Answer 1

get_template_directory_uri（）テーマフォルダのパスを取得する関数です。js/yourjsfileパス名を渡すことができます。コード

<?php 

    function wpb_adding_scripts() { 
    wp_register_script('service-graph', get_template_directory_uri() . '/js/service-graph.js', array('jquery'),'1.1', true); 
    wp_enqueue_script('service-graph'); 
    } 

    add_action('wp_enqueue_scripts', 'wpb_adding_scripts'); 
    ?> 

Jfyi以下

は

てみてください - あなたの現在のアクティブなテーマのフォルダに何かを入れた場合、あなたのテーマディレクトリへのリターンパスとしてget_template_directory_uri()機能を使用する必要がなければなりません。

Answer 2

問題は、テーマのフォルダを取得するために間違った機能を使用していることです。

plugins_url()は、名前から推測できるように、プラグインに使用されます。つまり、あなたのテーマが配置されていないディレクトリ/wp-content/pluginsを指していることを意味します。

代わりにget_template_directory_uri()を使用する必要があります。この関数は、ディレクトリアドレスの後に末尾のスラッシュ/を戻さないので、パスの先頭に追加する必要があります。

function wpb_adding_scripts() { 
    wp_register_script('service-graph', get_template_directory_uri() . '/js/service-graph.js', array('jquery'), '1.1', true); 
    wp_enqueue_script('service-graph'); 
} 
add_action('wp_enqueue_scripts', 'wpb_adding_scripts'); 

：

は、だからここにあなたのコードは次のようになります方法です