cPanel을 사용하여 WordPress 테마에 JavaScript 파일을 올바르게 추가하는 방법

WordPress 테마를 처음부터 개발하거나 기존 테마를 수정하는 경우 JavaScript 파일을 추가하는 올바른 방법을 알아야합니다..


JavaScript를 헤드에 연결하여 Web 1.0의 구식 방법을 사용하려는 경우 요즘 사람들이 역동적 인 웹 사이트를 갖는 Web 2.0 시대이기 때문에 나쁜 생각입니다..

WordPress Theme Codex의 개념과 JavaScript 및 CSS 파일을 큐에 넣는 방법을 이해해야합니다. CSS 파일 추가에 대해 이미 논의했습니다.

이 튜토리얼에서는 JavaScript 파일을 WordPress 테마에 동적으로 추가하는 방법에 대해 학습합니다..

최신 코딩 표준에 맞추려면 항상 WordPress Codex를 따라야합니다. 코딩 기술이 필요한지 궁금 할 수도 있습니다..

이 기사를 검색했다면 WordPress 테마 개발의 기본 사항을 이미 알고 있다고 가정합니다..

JavaScript Enqueuing Codex 배우기

워드 프레스 테마를 개발하는 동안 유사한 기능이 많이 발생할 수 있습니다. 보시다시피 JavaScript 파일을 추가하기 위해 CSS 파일을 추가 할 때와 동일한 기능을 사용할 수 있습니다.

JavaScript에는 많은 범주가 있기 때문에 약간의 차이가 있지만 여전히 모든 것이 쉽지 않습니다. 보여 줄게.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

모든 매개 변수를 설명하겠습니다.

  1. $ 핸들 :- JavaScript 파일의 이름입니다.
  2. $ src :- 파일의 주소.
  3. $뎁스 :- 배열을 만들려면.
  4. $ ver :- JavaScript 버전을 언급 할 수 있습니다.
  5. $ in_footer :- 기본적으로 값은 "그릇된" 이것은 JavaScript 파일이 헤드에 추가됨을 의미합니다.

이제이 예제를 봅시다.

wp_enqueue_script ( ‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array ());

파일 이름은 "내 스크립트" 그리고 그것은 "js" 폴더.

참고 : 웹 사이트의 성능을 향상시키기 위해 바닥 글 영역에서로드하려는 경우 $ in_footer 가치 "진실."

코드는 다음과 같이 변환됩니다.

wp_enqueue_script ( ‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);

작업이 아직 끝나지 않았습니다. 작동 시키려면 함수를 작성하고 조치를 사용해야합니다. 이미 CSS 파일을 추가 한 경우 동일한 기능을 사용할 수 있습니다.

전체 코드를 보여 드리겠습니다.

functionmy_new_scripts {
wp_enqueue_script ( ‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);
}
add_action ( ‘wp_enqueue_scripts’, ‘my_new_scripts’);

이제 질문이 생겼습니다. 어떻게 그러한 코드를 추가해야합니까??

글쎄, 이미 알고 있듯이 WordPress 테마의 functions.php 파일은 WordPress 웹 사이트의 모든 기능을 담당하고 파일에 코드를 추가하고 저장합니다..

기존 테마를 수정하는 경우 cPanel을 사용하여 functions.php 파일에 쉽게 액세스 할 수 있기를 바랍니다. 요즘 거의 모든 WordPress 호스팅 회사에서 cPanel에 대한 액세스를 제공합니다.

그냥가 파일 관리자>>wp- 콘텐츠>>테마>>테마 이름>>functions.php. 마우스 오른쪽 버튼을 클릭하여 편집을 선택하면 좋습니다..

WordPress 테마에 JavaScript 파일을 올바르게 추가하는 방법

워드 프레스 기능과 PHP에 익숙하지 않다면 코드 편집이 무서울 수 있습니다..

WordPress 테마 개발자의 경우 새 JavaScript 파일을 추가하면 웹 사이트가 이전보다 더 역동적으로 변할 수 있으며 모바일 버전의 탐색 메뉴에 필요할 수 있습니다.

필요에 따라 JavaScript 파일을 사용할 수 있습니다.

WordPress 테마에 JavaScript 파일을 추가하기가 어렵기를 바랍니다.

때때로 사람들은 WordPress 코딩에 대해 읽을 때 걱정하기 시작합니다. 그러나 일반 WordPress 사용자의 경우 코드를 처리 할 필요가 없습니다..

WordPress는 비전문가를 위해 개발 된 사용자 친화적 인 플랫폼입니다. 당신은 시장에서 워드 프레스 테마를 구입할 수 있습니다.

웹에는 수많은 테마가 있습니다.

결론

이 자습서는 고급 사용자 또는 WordPress 테마 개발에 대해 배우려는 사람들을위한 것입니다. 코딩 기술을 향상시키는 것은 항상 좋은 생각입니다.

사람들이 말하는 것처럼 JavaScript 파일을 추가하는 것이 어렵지 않기를 바랍니다..

다음 3 가지 WordPress 호스팅 서비스를 확인하십시오.

FastComet

시작 가격 :
$ 2.95


신뢰할 수 있음
9.7


가격
9.5


사용자 친화적
9.7


지원하다
9.7


풍모
9.6

리뷰 읽기

FastComet 방문

주인공

시작 가격 :
$ 0.99


신뢰할 수 있음
9.3


가격
9.3


사용자 친화적
9.4


지원하다
9.4


풍모
9.2

리뷰 읽기

Hostinger 방문

A2 호스팅

시작 가격 :
$ 3.92


신뢰할 수 있음
9.3


가격
9.0


사용자 친화적
9.3


지원하다
9.3


풍모
9.3

리뷰 읽기

A2 호스팅 방문

관련 사용법 기사

  • cPanel을 사용하여 WordPress 테마에 CSS 파일을 올바르게 추가하는 방법
    전문가
  • WordPress의 모든 사용자를 한 번에 로그 아웃하는 방법
    중급
  • cPanel을 사용하여 WordPress 웹 사이트의 .htaccess 파일을 편집하는 방법
    초보자
  • cPanel에서 Softaculous를 사용하여 WordPress에 로그인하는 방법
    중급
  • WordPress 미디어 라이브러리에 나타나는 HTTP 오류를 수정하는 방법
    초보자
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me