반응형
WordPress의 한 페이지에만 커스텀 css/js를 추가하는 방법
커스텀 css와 js 파일로 별도의 html 파일을 만들었습니다.워드프레스 사이트에 통합하고 싶습니다.html의 본문 부분을 복사하여 붙여넣을 수 있지만 css와 js 파일을 올바르게 추가하는 방법을 모르겠습니다.header.php를 수정하면 이 파일이 모든 페이지에 추가되므로 원하지 않습니다.해결책은 무엇일까?
에서 페이지를 추가하는 경우WordPress백엔드, 사용Pages->Add new메뉴에서 제목을 지정해야 하며, 해당 제목을 사용하여 확인할 수 있습니다(slug과 id를 사용하여도 가능).is_page('page title here')그 후 추가 가능JavaScript그리고.css파일, 예를 들어
add_action( 'wp_enqueue_scripts', 'addcssAndScripts');
function addcssAndScripts()
{
if ( is_page('page-title') )
{
wp_enqueue_script( 'your_script' );
wp_enqueue_style( 'your-style' );
}
}
이 코드를 에 붙여넣습니다.functions.php이러한 기능과 사용법을 보다 잘 이해하기 위해 wp_enqueue_style과 wp_enqueue_script를 체크합니다.필요한 경우 is_page와 wp_enqueue_script도 체크합니다.
언급URL : https://stackoverflow.com/questions/17639723/how-to-add-custom-css-js-to-just-one-page-in-wordpress
반응형
'programing' 카테고리의 다른 글
| Mongoose/MongoDB의 비밀번호 필드를 보호하여 컬렉션을 채울 때 쿼리로 반환되지 않도록 하려면 어떻게 해야 합니까? (0) | 2023.03.22 |
|---|---|
| 리액트 라우터를 사용한 루트 변경 검출 (0) | 2023.03.22 |
| MongoDB C# 드라이버 - 바인딩 시 필드 무시 (0) | 2023.03.22 |
| 읽을 수 없는 노트북 Not JSONError ('노트북은 JSON이 아닌 것 같습니다: u\'{\n "cells": "...", ) (0) | 2023.03.22 |
| react/redux에서 bindActionCreators는 언제 사용됩니까? (0) | 2023.03.17 |