한 페이지의 맞춤식 WordPress 헤드

Question

WordPress 페이지에서 HTML5 맵을 구현 중입니다.

작성자는 WordPress 사이트의 헤드 섹션에 맞춤 스크립트를 추가해야한다고 알려줍니다.

그러나 스크립트를 모든 페이지에서 실행하지 않고 단지 한 페이지 만 실행하고 싶습니다.

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> 

단지 한 페이지에 대해이 작업을 호출하는 가장 쉬운 방법은 무엇입니까? 사용자 정의 페이지 템플릿 및 사용자 정의 헤더 호출을 만들려고 시도했지만 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가 있지만 해당 버전은 없습니다. 다른 버전이 이미있는 동안이 버전을로드하는 것과 충돌 할 수 있습니다.