WordPress 자식 테마를 만드는 방법

WordPress에서 하위 테마를 만들 준비가 되셨습니까?

상위 테마 설치

선호하는 테마를 결정해야 합니다. 기본 설정에 따라 상위 테마로 선택하려는 테마를 선택해야 합니다.

WordPress 하위 테마 디렉토리를 만드는 방법

테마를 담을 WordPress 설치의 public_html/wp-content/themes 폴더 에 새 파일을 만듭니다. 라이브 사이트에서 이 작업을 수행하지 마십시오. 스테이징 사이트에서 구현하기 전에 개발 사이트에서 이를 테스트할 수 있습니다. 일반적으로 새 폴더 이름은 상위 테마 이름으로 시작하고 그 뒤에 접미사가 붙도록 하는 것이 좋습니다.

이 프로세스에는 스타일시트와 함수 파일의 두 파일 생성이 포함됩니다.

스타일시트 만들기

새 파일 만들기 폴더 안에 다음 코드를 추가합니다.

 /*

테마 이름: CodeFlist 하위 테마

테마 URI: https://yourwebsite.com/codeflist-child/

설명: 상위 CodeFlist 테마의 하위 테마

저자: 아마르 라지 마하토

작성자 URI: https://demo.codeflist.com/

템플릿: CodeFlist

버전: 1.0.0

태그: 검정, 녹색, 흰색, 밝음, 어둡게, 2열, 3열, 왼쪽 사이드바, 오른쪽 사이드바, 고정 레이아웃, 반응형 레이아웃, 사용자 정의 배경, 사용자 정의 헤더, 사용자 정의 메뉴, 편집기- 스타일, 추천 이미지, 유연한 헤더, 전폭 템플릿, 마이크로포맷, 포스트 형식, rtl-언어 지원, 스티커 포스트, 테마 옵션, 번역 준비, 접근성 준비, 반응형 레이아웃, 무한 스크롤, 포스트 슬라이더, 디자인, 식품, 일지, 매거진, 뉴스, 사진술, 포트폴리오, 깨끗한, 동시대의, 어두운, 우아한, 현대, 직업적인, 정교한

텍스트 도메인: codeflist-child

*/

이 코드는 WordPress에 테마에 대해 알려줍니다. 텍스트가 주석 처리되어 있으므로 사이트에서 아무 것도 실행되지 않습니다. 모든 테마에는 WordPress에 익숙해질 수 있도록 이 파일이 있습니다.

테마 이름 과 템플릿 이 있는 줄은 이 코드에서 건너뛸 수 없습니다. 템플릿에는 상위 테마의 디렉토리 이름이 포함되어야 합니다. 일반적으로 대소문자도 구분합니다. 다른 모든 필드는 필요에 따라 작성해야 합니다. 좋아하는 편집기로 이 작업을 올바르게 수행했는지 확인하십시오.

함수 파일 만들기

함수 파일 추가는 상위 테마에서 스타일시트를 대기열에 추가하는 데 필요한 단계입니다. 이 단계를 놓치면 하위 테마에 스타일이 전혀 적용되지 않습니다. 또한 파일 추가 새 폴더에서. 여기에 다음 코드를 추가합니다.

 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
함수 my_theme_enqueue_styles() {
wp_enqueue_style( '부모 스타일', get_template_directory_uri() . '/style.css' );
}
?>

WordPress에서 하위 테마를 만드는 메커니즘

파일 수준에서 작동합니다. 함수가 파일을 호출할 때 파일이 존재하는지 여부를 확인합니다. 파일이 하위 테마에 없는 경우 상위 테마에서 로드됩니다. 단, 테마의 함수 파일 형태로 예외가 있다. 만약 파일이 호출되면 두 위치에서 모두 로드됩니다. 상위 테마의 기능이 작동하지 않으면 사이트가 오작동합니다. 상위 테마의 기능 파일의 전체 내용이 하위에 복사된다면 그것이 해결책이 될 것입니다. 이것은 테마를 확장하는 좋은 방법이 아닙니다. 바닥글 파일을 변경하려면 부모의 바닥글 파일을 자식으로 복사해야 합니다. 그런 다음 파일을 처리하고 변경 사항을 저장합니다. 이는 변경하려는 모든 섹션에 적용됩니다.

어린이 테마 제작자를 위한 제안

의 차이점을 알아야 합니다. 그리고 나만의 테마를 만든다면 당신은 분명히해야합니다 항상 상위 테마 디렉토리를 가리키고 하위 테마의 디렉토리. 선택은 당신이 부모를 사용할지 자식을 사용할지 당신의 몫입니다.

하위 테마의 파일

적어도 두 개의 파일, 스타일시트 및 함수 파일이 있습니다. 스타일시트는 WordPress에 테마 유형에 대해 알려줍니다. 또한 부모 테마에 대한 아이디어를 제공합니다. 모든 세부 사항은 주석 처리된 텍스트 형식의 도움으로 스타일시트에 포함됩니다.

다른 스타일시트에서 하나의 스타일시트를 호출하는 잘못된 관행이 있습니다. 사실, 함수 파일을 대기열에 넣어야 합니다. 스타일시트를 대기열에 넣는 함수가 함수 파일에 있어야 합니다.

상위 테마에는 다음이 포함됩니다. 파일이지만 하위 테마에서는 필요하지 않습니다.

하위 테마를 활성화하는 방법

WordPress는 하위 테마에 파일을 추가하여 재정의하지 않는 한 상위 테마의 파일을 사용합니다. 이동 , 사이트에 설치된 테마 중에서 테마를 찾을 수 있습니다. 기능을 사용하려면 활성화해야 합니다. 사용자 정의를 추가하지 않은 경우 동일하게 보입니다.

WordPress 하위 테마를 만들고 사용자 지정하는 방법

이제 작업 테마가 있으면 원하는 요구 사항에 따라 사용자 정의를 추가할 수 있습니다. 스타일 시트를 편집하려면 다음에서 규칙을 정의할 수 있습니다. 하위 테마 폴더에 템플릿 파일을 편집할 수 있을 뿐만 아니라 사용자 정의를 잃지 않고 상위 테마를 업데이트할 수도 있습니다. 그러나 함수를 작성하는 것은 템플릿 파일을 추가하는 것보다 더 복잡할 수 있습니다. 새로운 기능을 추가하려면 다음으로 이동해야 합니다. 파일. 함수를 작성한 후 관련 조치 또는 필터를 추가하여 추가 기능을 추가하십시오.

기본적으로 상위 테마 기능을 재정의하려는 경우 세 가지 방법이 있습니다.

• 연결 가능한 상위 테마가 있는 경우 동일한 이름으로 하위 테마에 다른 기능을 작성할 수 있습니다. 이로 인해 상위 테마의 기능을 건너뜁니다.
• 연결 해제할 수 있는 상위 테마가 있는 경우 후크 해제를 수행하여 상위 테마에서 함수가 실행되지 않도록 할 수 있습니다.
• 같은 훅에 다른 이름을 붙이기 위해 새로운 함수를 추가할 수 있는 경우가 있습니다. 이것은 함수를 재정의하거나 제거하지 않고 수행됩니다.

하위 및 상위 테마 오류 수정

하위 테마 생성 후 일부 기능, 스타일 또는 기타 파일로 인해 약간의 문제가 있을 수 있습니다. 모든 것이 올바른지 확인하기 위한 일련의 단계가 있습니다.

1. 하위 테마가 활성화되었는지 확인하세요. 상위 테마의 상태를 확인해야 합니다.
2. 플러그인에서 만든 브라우저 캐시와 캐시를 지웁니다.
3. WordPress에서 자식 테마를 만들 때 올바른 구문으로 파일 이름을 올바르게 지정했는지 확인하십시오.
4. 변경 사항을 저장했는지 확인하십시오.
5. 플러그 가능 기능이 작동하지 않는 경우 이름이 일치하지 않거나 상위 테마의 기능이 플러그 가능 여부를 확인하십시오.
6. 재정의 문제의 경우 함수에 있는 우선 순위 값과 후크를 확인합니다.
7. 제거된 함수에서 문제가 발생하는 경우 우선 순위 값, 이름 및 후크를 확인합니다.
8. 디버그 모드에서 wp-config.php 파일을 확인하여 코드에 오류가 있는 위치와 위치를 찾습니다.
9. 다른 요소에 대한 출력 코드를 확인해야 합니다.

WordPress 하위 테마에 대해 기억해야 할 사항

1. 자식 테마에는 스타일시트와 함수 파일이 있어야 합니다.
2. 하위 테마를 생성하지 않고 타사 테마를 직접 편집하지 마십시오. 이렇게 하면 사용자 지정을 보호할 수 있습니다.
3. 테마를 활성화하고 상위 테마를 삭제하지 마십시오.
4. 같은 이름의 파일이 두 개 있는 경우 WordPress는 하위 파일을 사용합니다.
5. 상위 테마에서 플러그인 가능 기능을 재정의하려면 동일한 이름으로 하위 테마에서 함수를 생성해야 합니다.
6. remove_action() 또는 remove_filter() 함수를 사용하면 상위 테마에서 함수의 후크를 해제할 수 있습니다.
7. 동일한 후크로 함수를 생성할 때 상위 테마 함수를 보강할 수 있습니다.

마무리

WordPress에서 자식 테마를 만들려면 이러한 사항을 염두에 두어야 합니다. 최대한의 이점을 얻을 수 있습니다. 바라건대, 이 기사가 자녀와 부모 주제에 대한 당신의 의심을 해소해 주기를 바랍니다.

추가 판독값