> 웹 프론트엔드 > JS 튜토리얼 > Howto는 단일 WordPress 게시물에 JavaScript를 추가합니다

Howto는 단일 WordPress 게시물에 JavaScript를 추가합니다

William Shakespeare
풀어 주다: 2025-03-04 01:10:08
원래의
641명이 탐색했습니다.

이 블로그 게시물은 독자의 질문에 답변합니다. 다른 페이지에 영향을 미치지 않고 개별 WordPress 게시물에 JavaScript를 추가하는 방법. 스크립트를

에 추가하는 독자의 초기 방법은 비효율적이었습니다. header.php 문제 :

wordpress 편집기의 html에 직접 JavaScript를 추가하면 태그가 추가되어 코드가 나뉩니다. 전 세계적으로 스크립트를 포함하여 는 모든 페이지에 불필요하게로드됩니다. 솔루션 : 가장 좋은 솔루션은 각 게시물에 사용자 정의 필드 (예 : "단일 포스트 -JS")를 만드는 것입니다. 이 필드는 JavaScript 코드를 보유합니다. 그런 다음이 PHP 코드를 테마의 <script></script> : 에 추가하십시오 header.php 이 코드는 현재 페이지가 단일 게시물인지, "단일 포스트 -JS"사용자 정의 필드가 있는지 확인합니다. 둘 다 사실이라면 사용자 정의 필드에서 JavaScript 코드를 출력합니다.

header.php 이 방법은 JavaScript가 구체적으로 필요한 게시물에만로드되도록합니다. 이 예제는이 게시물의 사용자 정의 필드에 포함 된 jQuery를 사용합니다. 저자는이 커스텀 필드가 CSS에도 사용될 수 있지만 CSS를위한 별도의 필드를 만드는 것이 좋습니다.

if (is_single() && $singlePostJs = get_post_meta($post->ID, 'single-post-js', true)) {
    echo $singlePostJs;
}
로그인 후 복사
자주 묻는 질문 : 포스트는 대체 방법 (플러그인), 안전 문제, 문제 해결 및 모범 사례 (Enquuing Scripts)를 포함하여 WordPress에 JavaScript를 추가하는 다양한 측면을 다루는 FAQ 섹션으로 끝납니다.

위 내용은 Howto는 단일 WordPress 게시물에 JavaScript를 추가합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿