워드프레스 자식 테마 만들기 – 초보자도 10분이면 완성

1. 자식 테마란 무엇인가?

부모 테마를 보호하는 별도 작업 공간

워드프레스 자식 테마란 부모 테마의 기능과 디자인을 그대로 상속받으면서, 내 수정 코드는 별도 폴더에 보관하는 공식 개발 방식입니다. 부모 테마에 파일이 없으면 자식 파일을, 자식에 파일이 없으면 부모 파일을 자동으로 사용하는 구조입니다.(출처: WordPress 공식 문서)

• 부모 테마 업데이트 후에도 자식 테마 파일은 절대 덮어씌워지지 않음
• 자식 폴더에 없는 파일은 워드프레스가 자동으로 부모 것을 불러옴
• functions.php만 예외적으로 부모·자식 둘 다 동시에 실행됨

2. 준비물 및 사전 확인

시작 전 꼭 확인하세요

자식 테마를 만들기 전에 아래 두 가지를 반드시 확인해야 합니다. 부모 테마 폴더명은 style.css 작성 시 Template 값으로 사용되므로 정확히 알아야 합니다. WP File Manager가 없으면 새 폴더를 만들 수 없으므로 플러그인 설치가 선행되어야 합니다.

• WP File Manager 플러그인 설치·활성화 확인
• 부모 테마 폴더명 확인 (예: generatepress, astra, twentytwentyfour)
• 추가CSS 내용 메모장에 미리 백업 (자식 테마 전환 시 초기화됨)

3. 자식 테마 폴더 및 파일 생성

3단계로 완성하는 파일 생성

WP File Manager → wp-content/themes/ 폴더로 이동 → 빈 공간 우클릭 → 새 폴더 만들기 → 원하는 폴더명 입력. 이후 해당 폴더 안에서 style.css와 functions.php를 각각 새 파일로 생성합니다. 폴더명은 영문 소문자와 하이픈(-)만 사용하면 자유롭게 정할 수 있습니다.

• style.css 필수 내용: Theme Name, Template(부모 폴더명) 두 줄이 핵심
• functions.php 필수 내용: enqueue 코드로 부모 CSS 로드 선언
• 폴더명 규칙: 영문 소문자, 숫자, 하이픈(-)만 허용. 공백 금지

/*
Theme Name: 내 자식 테마
Template: generatepress
Version: 1.0
*/

<?php
// 자식 테마 스타일 로드
add_action('wp_enqueue_scripts', 'gp_child_enqueue_styles');
function gp_child_enqueue_styles(){
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('generate-style')
    );
}
// 여기 아래에 커스텀 코드 추가

4. 수정된 PHP 파일 복사하기

수정한 파일만 선택해서 복사

WP File Manager에서 부모 테마 폴더를 열고 수정 날짜(Modified) 기준으로 정렬하면 직접 수정한 파일을 쉽게 찾을 수 있습니다. 찾은 파일을 선택 후 우클릭 → 복사(Copy) → 자식 테마 폴더에 붙여넣기(Paste)로 진행합니다. 반드시 이동이 아닌 복사로 해야 부모 파일이 보존됩니다.

• 복사 대상: 수정 날짜가 최근인 PHP 파일들 (header.php, footer.php, single.php 등)
• 복사 금지: inc 폴더, assets 폴더, functions.php(별도 처리), style.css(이미 생성됨)
• 복사 후: 자식 폴더에서 해당 파일이 정상적으로 보이는지 확인

5. 자식 테마 만들기 최종 체크리스트

완료 전 이 항목을 모두 확인하세요

자식 테마 폴더와 파일 생성이 끝났다면 아래 체크리스트로 최종 점검합니다. 모든 항목이 완료되어야 안전하게 활성화할 수 있습니다. 추가CSS 복원을 가장 많이 놓치므로 특히 주의하세요.

• ✅ 자식 테마 폴더 생성 완료
• ✅ style.css 작성 완료 (Template 값 부모 폴더명 일치 확인)
• ✅ functions.php 작성 완료 (enqueue 코드 + 커스텀 코드)
• ✅ 수정된 PHP 파일 복사 완료 (이동 아닌 복사 확인)
• ✅ 부모 functions.php 원본 복원 완료
• ✅ 추가CSS 백업본 준비 완료

결론