1ページ分のカスタムワードプレスヘッド

Question

私はワードプレスページにHTML5マップを実装しています。

作成者は、自分のワードプレスサイトのヘッドセクションにカスタムスクリプトを追加する必要があることを伝えます。

しかし、私はスクリプトがすべてのページで実行されるのではなく、ただ1ページだけ実行されることを望んでいます。

のjQuery：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js" type="text/javascript"></script> 

スクリプト：

<link href="lg-map/map.css" rel="stylesheet" type="text/css" /> 
<script src="lg-map/raphael.js" type="text/javascript"></script> 
<script src="lg-map/scale.raphael.js" type="text/javascript"></script> 
<script src="lg-map/lg-map.js" type="text/javascript"></script> 

1ページだけのためにこれを呼び出すための最も簡単な方法は何ですか？私はカスタムページテンプレートとカスタムヘッダーコールを作成しようとしましたが、PHPに関する知識とWordPressによるものの呼び出しのために失敗しました。

また、ほとんどのWordPressにロードされていることを読んでjQueryの行をロードする必要があるかどうかはわかりません。

Answer 1

あなたのfunctions.phpファイルに次のコードを使用してスクリプトをエンキューする必要があります。テーマを購入した場合は、これをあなたの子供のテーマフォルダfunctions.phpに入れてください。

function my_scripts_method() { 
    //Replace 222 with the ID of the page where you want to have this added. 
    if(is_post('222'){ 
     wp_enqueue_script('maps-jquery', "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"); 
    } 
} 
add_action('wp_enqueue_scripts', 'my_scripts_method'); 

これは非常に新しいバージョンのjQueryのようです。 WordpressにjQueryがプリロードされていますが、そのバージョンはありません。他のバージョンがすでに存在している間に、このバージョンの読み込みと競合することがあります。