그것은 당신이 단지 초보자 포스트 사용자 인 경우 워드 프레스에 외부 자바 스크립트 또는 자바 스크립트를 추가하는 방법을 결정하기 위해 조금 까다 롭습니다. 그래서 우리는 당신의 웹 사이트에 외부 자바 스크립트를 추가하는 방법에 대한 몇 가지 지침을 제공하기 전에,나는 당신이 외부 자바 스크립트를 사용해야 할 수도 있습니다 두 가지 주요 영역을 설명하고 싶습니다:
1)웹 사이트 사용자 정의
쉽게 코드를 유지 관리하고,파일 및/또는 코드를 편집하고 유지할 수 있기 때문에 웹 사이트를 사용자 정의 할 수있는 좋은 선택입니다. 그러나 이러한 사용자 지정을 두 가지 주요 유형(미니 사용자 지정 및 더 큰 사용자 지정)으로 분할해야합니다. 나중에 그 유형으로 돌아가서 다른 상황에 대해 어떤 방법으로 코드를 추가하는 것이 더 좋을지 설명 할 것입니다.
2)제 3 자 서비스 통합
우리 모두 알다시피,일부 서비스는 양식 서비스,채팅 상자,페이스 북 픽셀 코드 추가,심지어 구글 애널리틱스와 같이 웹 사이트에 추가해야하는 파일을 제공합니다.. 예를 들어,우리는 구글 웹 로그 분석을 지원하고 실제로 우리의 테마 옵션의 통합 과정은 매우 쉽고 간단합니다,하지만 당신은 몇 가지 다른 분석을 추적하고 다른 방식으로 할 경우,당신은 구글에 의해 생성 된 외부 코드를 사용해야합니다. 당신이 당신의 웹 사이트를 사용자 정의 할 수있는 빠르고 작은 코드 및 자바 스크립트를 다른 코드를 추가하거나 추가해야하는 경우,테마 옵션이 더 적절한 솔루션입니다. 그것은 내장 된 기능 그리고 당신의 워드 프레스 대시 보드에서 쉽게 액세스 할 수 있습니다. 테마 옵션>고급>사용자 정의.
테마 옵션에서 외부 코드나 자바스크립트를 추가하는 경우 사용자 지정 코드 섹션에서<스크립트></스크립트>로 시작하는 코드를 추가할 수 없습니다. 코드 태그와 함께 게시되어 있기 때문에>스크립트>스크립트>스크립트>스크립트>스크립트>스크립트>스크립트>스크립트>스크립트>스크립트>태그를 제거해야 합니다.
찬성:
- 최선의 방법은 사용자 지정 작은 것들로 CSS and Javascript Jupiter
- 최상의 방법으로 추가 작은 중간 범위 CSS 및 Javacscript 코드 Jupiter
- 설치/설치가 필요–그것은 이미 내장!
단점:
- 유지 관리 및 업데이트하기가 더 어려워
- 파일을 직접 추가 할 수 없습니다(.또는.아약스 코딩을 알지 못한다면.
- 코드를 푸시할지 여부를 선택할 수 없습니다.
플러그인 사용
워드 프레스를 사용하는 동안 플러그인은 우리의 충성스러운 도우미입니다. 당신은 또한 삽입 머리글과 바닥 글 등의 플러그인으로 코드를 추가 할 수 있습니다. 그것은 당신의 웹 사이트에 코드를 추가 할 수있는 좋은 방법 그리고 그것은 우리의 내장 기능과 같은 방식으로 작동합니다. 이 플러그인의 좋은 점은,당신은 당신이 바닥 글 또는 일부 통합을 위해 때때로 중요하다 머리글 영역에 코드를 추가할지 여부를 선택할 수 있다는 것입니다.
우리의 내장 솔루션과는 달리,당신은 삽입 머리글과 바닥 글 플러그인에<스크립트></스크립트>태그를 추가 할 수 있습니다.
프로:
- 당신은 코드 위치를 선택할 수 있습니다
- 우리의 내장 솔루션에 훌륭한 대안
- 페이스 북 픽셀 또는 사용자 정의 구글 웹 로그 분석 코드를 추가하는 빠르고 쉬운 방법..
- 타사 통합을위한 좋은 방법
단점:
- 플러그인 설치/설치 필요
- 유지 관리 및 업데이트하기 어려운
- 내장 솔루션과 같은 파일을 직접 추가 할 수 없습니다.
하위 테마 및 대기열 스타일 사용
하위 테마 사용은 웹 사이트를 사용자 정의하는 가장 안전한 방법이기 때문에 중간 범위에서 대규모 사용자 지정을 하려는 경우 권장하는 사항입니다. 아이 테마로,당신은 당신의 코드를 유지하고 쉽게 핵심 테마 파일을 업데이트 할 수 있습니다.
당신은 우리의 공식 아이 테마를 설치할 수 있습니다 또는 당신은 당신의 자신을 만들 수 있습니다. 그런 다음 외관>편집기에서 바로 웹 사이트를 사용자 정의 할 수 있습니다. 그러나,당신은 그것을 호출하고 함수에 몇 가지 코드를 작성해야합니다.
어떻게 진행됩니까:
- 또는 원격 소스의 경우,링크를 준비.
- 함수라는 파일을 만듭니다.함수에 다음 코드를 추가합니다.2015 년
<?php
기능 add_theme_codes(){
wp_enqueue_style(‘style’,get_stylesheet_directory_uri().’/내 외부 코드.’,’모두’);
}
다음 예제에서는 다음과 같은 작업을 수행합니다.’ );
?>
이 코드를 사용하면 스타일 시트에 대한 새 작업을 만들고 자식 테마 디렉토리에서 호출 할 수 있습니다. 당신이”관습을 가지고 있다고 가정 해 봅시다.당신의 웹사이트에 추가될 필요가 있는 파일. 해당 파일을 추가 한 다음 함수를 만듭니다.파일. 그런 다음 위의 코드를 추가하고’/내 외부 코드를 변경하십시오.사용자 정의.또는 당신의 파일 이름이 무엇이든간에. 마지막으로,당신은 당신의 기능을 추가해야합니다.아이 테마에 너무.
파일이 없지만 원격 소스를 추가해야 하는 경우 또 다른 예가 있습니다:
<?php
기능 add_theme_codes(){
wp_enqueue_style(‘style’,’https://code.jquery.com/jquery-3.2.1.js’,’모든’);
}
add_action(‘wp_enqueue_scripts’,’add_theme_codes’ );
?>
위의 예제에서는 소스 파일이 원격이기 때문에 사용하지 않았습니다. 또한,당신은 위의 것과 같은 링크를 사용하여 서버에서 다른 파일을 호출 할 수 있습니다.
찬성:
- 모든 종류의 사용자 지정에 적합
- 타사 및 복잡한 통합에 적합
- 유지 관리 및 편집이 용이
- 로컬 또는 원격 파일을 직접 추가 할 수 있습니다
- 업데이트를위한 가장 안전한 방법 중 하나
단점:
- 작은 사용자 지정을위한 가장 빠른 방법이 아닌
다른 상황에 가장 적합한 옵션은 무엇입니까?
당신이 빠른 변경 또는 사용자 정의를 확인하려면,테마 옵션은 당신을위한 최선의 선택이 될 것입니다. 그러나 코드 및 코드 위치에 대해 더 많은 유연성과 제어를 원하지만 여전히 작은 범위에서 중간 범위의 사용자 지정이있는 경우 삽입 머리글 및 바닥 글이 잘 작동합니다.
그러나 대규모 사용자 지정,타사 통합을 수행하려는 경우 또는 유지 관리 가능한 개발 환경을 원하는 경우 하위 테마가 가장 좋습니다. 아트비즈 케어의 도움을 받을 수 있습니다.
