자식 테마 사용으로 업데이트 후 커스터마이징이 사라지는 문제를 영원히 해결합니다

워드프레스 자식 테마 만드는 법을 배운 것은 억울한 경험 덕분이었습니다. 테마에 직접 CSS를 수정하고 functions.php에 커스텀 코드를 넣어서 병원 사이트를 꾸몄는데, 테마를 업데이트한 순간 모든 수정이 원상 복구됐습니다. 몇 시간 작업이 한 번 클릭으로 날아간 것입니다. 자식 테마를 사용하면 부모 테마가 업데이트돼도 커스터마이징은 그대로 유지됩니다.

자식 테마 폴더 생성

자식 테마는 부모 테마 폴더 옆에 별도 폴더로 만듭니다.

wp-content/
└── themes/
    ├── twentytwentythree/       ← 부모 테마
    └── twentytwentythree-child/ ← 자식 테마 (새로 만들기)

자식 테마 폴더 이름은 부모테마이름-child 형식을 관례로 따릅니다.

style.css 생성

자식 테마 폴더 안에 style.css 를 만들고 다음 내용을 넣습니다.

/*
Theme Name: Twenty Twenty-Three Child
Template: twentytwentythree
Description: Twenty Twenty-Three 자식 테마
Version: 1.0
*/

/* 여기에 커스텀 CSS 추가 */

Template: 뒤에는 부모 테마의 폴더명을 정확히 입력해야 합니다. 이 줄이 어떤 테마의 자식인지 워드프레스에게 알려줍니다.

functions.php 생성 (선택)

부모 테마의 스타일을 불러오고 커스텀 함수를 추가할 functions.php 를 만듭니다.

<?php
// 부모 테마 스타일 불러오기
add_action('wp_enqueue_scripts', function() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
});

// 커스텀 함수는 여기에 추가

자식 테마 활성화

파일 생성 후 워드프레스 관리자에서 활성화합니다.

외모 → 테마 → Twenty Twenty-Three Child → 활성화

자식 테마가 적용된 후 사이트 외모가 유지되는지 확인합니다. 부모 테마 스타일을 그대로 상속받으므로 처음에는 똑같이 보여야 합니다.

이제 CSS 수정은 자식 테마의 style.css에, 함수 추가는 자식 테마의 functions.php에 작업하면 됩니다. 부모 테마가 업데이트돼도 자식 테마 파일은 영향을 받지 않습니다. 플러그인이나 WP 코어 업데이트 전에 백업하는 것처럼, 테마 커스터마이징도 자식 테마로 보호하는 것이 기본입니다.