차일드 테마 (Child Theme)

테마를 업데이트 하는 경우 지정해 놓은 테마의 옵션 값과 스타일, 기능이 초기화되는 경우가 있습니다.

차일드 테마(또는 자식 테마)는 이를 방지하고 부모 테마의 기능과 스타일을 상속하여 사용할 수 있도록 합니다.

차일드 테마는 유료 테마 구입 시 제공되지만, 제공되지 않거나 무료 테마인 경우 차일드 테마를 생성하여 적용할 수 있습니다.

본 매뉴얼은 Astra 테마와 WP File Manager 플러그인을 이용하여 Astra 테마의 차일드 테마를 생성하는 방법에 대해 설명합니다.

차일드 테마 폴더 생성 #

플러그인 또는 FTP를 통해 /wp-content/themes/ 경로에 부모테마-child 이름의 폴더를 생성합니다.

예시 : 부모 테마가 astra인 경우 차일드 테마명은 astra-child로 생성

파일 생성 #

생성한 차일드 테마 폴더 안에 functions.php 와 style.css 파일을 생성한 후, 부모 테마에서 screenshot.jpg 파일을 복사합니다.

style.css 파일 내용 추가 #

style.css 파일 안에 아래와 같은 내용을 추가합니다.

/*
Theme name: Astra Child
Description: Child theme for the astra theme
Author: CodeMShop
Author URL: https://codemshop.com/
Template: astra
*/

@import url("../astra/style.css");

1. Theme Name #

   관리자 메뉴 [모양 > 테마]에서 표시되는 테마의 이름으로 필수로 작성해야 합니다.

2. Description #

   테마의 설명입니다.

3. Author #

   차일드 테마를 생성한 사람을 작성합니다.

4. Author URL #

   차일드 테마를 생성한 사람의 홈페이지 URL을 입력합니다.

5. Template #

   부모 테마의 폴더명을 입력하며 필수로 작성해야 합니다.

6. @import #

   부모 테마의 style.css 파일 경로를 입력하며 필수로 작성해야 합니다.

차일드 테마 활성화 #

파일이 모두 생성되었으면 관리자 메뉴 [모양 > 테마]에서 차일드 테마를 활성화합니다.

문제 확인 #

차일드 테마 활성화 후 페이지, 상품들을 둘러보며 문제가 있는지 확인합니다.

1. 테마 옵션이 달라진 경우 #

   일부 테마에서 차일드 테마 활성화 후 테마 옵션이 달라질 수 있습니다.
   이 경우 다시 부모 테마를 활성화하여 설정한 옵션들을 캡쳐한 후, 차일드 테마에서 동일하게 설정합니다.

2. 템플릿이 없습니다 오류 #

   아래 이미지처럼 오류: 템플릿이 없습니다. 단독 테마는 index.php 템플릿 파일이 있어야 합니다. 자식테마는 style.css 스타일 시트에 템플릿 헤더가 있어야 합니다. 오류가 발생하는 경우 style.css 파일에서 Template: astra 부분을 올바르게 입력했는지 확인합니다.
   

3. 페이지 스타일 틀어짐 #

   페이지의 스타일 틀어짐이 발생하는 경우 차일드 테마의 style.css 파일에서 @import url("../astra/style.css") 부분을 올바르게 입력했는지 확인합니다.