WordPress는 기사 페이지가 JavaScript/CSS 코드를 로드하도록 어떻게 지정합니까?

생산 중워드프레스(WordPress)테마를 지정할 때 WordPress의 특정 페이지에 나타나는 특정 JavaScript 또는 CSS 코드가 있는 경우 해당 코드는 한 번만 사용됩니다.

코드는 어디에 배치해야 합니까? Style.css 또는 base.js?

그러나 그렇게 하는 데 드는 비용이 약간 높습니다.

예 1:

• WordPress 사이트에서 Highslide JavaScript 효과를 얻으십시오.
• 그러나 일반적으로 이미지 또는 필수 페이지가 있는 부분에만 사용하고 사용하지 않는 페이지에 페이지를 로드하여 Highslide 섹션을 추가하므로 50KB가 넘는 JavaScript는 너무 큽니다.

예 2:

• 기사에서 표준 호환성 방법을 사용하는 것입니다태그는 그것을 삽입하지만 삽입된태그에 의해 생성된 페이지는 W3C 검증을 통과할 수 없습니다.
• 좋은 방법은 JavaScript인 SWFObject를 사용하여 W3C 검증 코드를 생성하는 것입니다.
• 그러나 문제는 WordPress의 모든 페이지에 SWFObject를 로드하는 것은 너무 낭비이며 모든 페이지에서 이 JavaScript 파일을 사용하는 것은 아닙니다.

실제로 WordPress의 강력한 사용자 정의 필드를 사용하여 사용자 정의 게시물 또는 페이지 로드에 대해 다양한 JavaScript 페이지를 구현할 수 있습니다.

이 기사에서는 WordPress, 사용자 정의 JavaScript 또는 CSS 파일에서 사용자 정의 필드를 사용하는 방법을 보여줍니다.

이해할 수 있다면 사용자 정의 필드 값은 JavaScript 및 CSS 파일만큼 간단하지 않습니다.

WordPress 테마에 사용자 정의 필드를 추가하는 방법은 무엇입니까?

워드프레스 테마의 header.php 파일을 열고 코드를 찾습니다 ▼

<?php wp_head(); ?>

▼ 뒤에 추가

<!-- 指定文章页面加载JavaScript/CSS代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载JavaScript/CSS代码 结束 -->

코드의 헤드는 사용자 정의할 수 있는 사용자 정의 필드의 이름입니다.

WordPress 게시물 또는 페이지에 사용자 정의 필드 추가

워드프레스 백엔드기사 편집 페이지의 편집기에는 "사용자 정의 필드"에 대한 작은 창이 있습니다.

1. "이름"에 다음을 입력하십시오.head
2. 그런 다음 "값"에 디스플레이에 추가하려는 코드를 입력합니다. ▼

• 사용자 정의 필드 추가를 클릭하십시오.
• 기사를 업데이트하면 테마를 코딩하고 이러한 사용자 정의 필드에 값을 입력할 수 있습니다.

"값"에 로드해야 하는 코드만 출력하므로 "값"에 다음과 유사한 코드를 입력해야 합니다 ▼

<script type="text/javascript">...</script>

또는 ▼

<style type="text/css">...</style>

위의 코드를 출력합니다.

WordPress 사용자 정의 필드의 다른 용도

위의 원칙을 이해하면 WordPress 사용자 정의 필드가 사용자 정의 페이지에 대한 사용자 정의 JavaScript 또는 CSS를 구현할 수 있을 뿐만 아니라 사용자 정의 필드를 통해 기사 미리보기 이미지에 추가, 기사 팁 등과 같은 많은 기능을 구현할 수 있다는 것을 알게 될 것입니다.

구현 방법은 사용자 정의 필드를 사용해 보십시오.

WordPress에서 JavaScript/CSS 코드를 로드하기 위해 기사 태그와 카테고리 머리글 및 바닥글을 지정하는 방법은 무엇입니까?

WordPress에서 헤더를 사용자 정의하는 방법?다음 기사 지침을 통해 설치할 수 있습니다.워드프레스 플러그인헤드 코드 추가 실현▼

WordPress는 기사에 헤드 코드를 어떻게 추가합니까?WP 플러그인은 헤드 코드를 최적화합니다.

이 기사에서와 같이 WordPress에서 헤더를 사용자 정의하는 방법?"WordPress Footer Header Plugin 설치하기"에서 소개한 Header Footer Code Manager 플러그인은 현재 PHP 코드를 추가할 수 없습니다... 그래서 워드프레스 플러그인 공식 홈페이지에서 검색해보니 헤더 페이지에서 찾을 수 있습니다.. .

WordPress에서 헤더를 사용자 정의하는 방법?WordPress 바닥글 헤더 플러그인 설치

일부 WordPress HTML/Javascript/CSS 코드는 특정 기사 또는 페이지에만 표시되어야 하며, 머리글 바닥글 코드 관리자 플러그인을 통해 WordPress의 지정된 문서/페이지에 머리글 및 바닥글 코드를 추가할 수 있습니다. 머리글 바닥글…

• 이런 식으로 WordPress 테마를 변경한 후 사용자 정의 코드를 잃어버리거나 수동으로 사용자 정의 코드를 전송하는 것에 대해 걱정할 필요가 없습니다.