워드프레스 자식 테마 활용하기: 개념부터 아스트라 테마 적용 예시

워드프레스에서 테마를 직접 수정하면 테마 업데이트 시 변경 사항이 모두 초기화될 수 있습니다. 이를 방지하고 테마를 커스터마이징할 수 있는 가장 좋은 방법이 자식 테마(Child Theme)를 활용하는 것입니다. 이 글에서는 자식 테마의 개념부터 실제 아스트라 테마를 기반으로 자식 테마를 적용하는 방법까지 알아보겠습니다.

1. 자식 테마란?

자식 테마(Child Theme)는 기존 테마(부모 테마, Parent Theme)의 기능과 디자인을 유지하면서 필요한 부분만 수정할 수 있도록 하는 테마입니다. 즉, 부모 테마를 직접 수정하지 않고도 원하는 변경 사항을 추가할 수 있습니다.

✅ 자식 테마를 사용해야 하는 이유

테마 업데이트 영향 없음 – 부모 테마를 업데이트해도 사용자 커스터마이징이 유지됨
커스텀 코드 유지 – CSS, JavaScript, PHP 코드 등을 안전하게 수정 가능
문제 발생 시 복구 용이 – 부모 테마를 그대로 두고, 자식 테마에서만 수정 가능

2. 자식 테마의 기본 구조

자식 테마는 기본적으로 세 개의 파일로 구성됩니다.

style.css – 테마의 스타일을 정의하는 CSS 파일
functions.php – 부모 테마의 기능을 가져오고, 추가 기능을 구현하는 PHP 파일
screenshot.png (선택 사항) – 테마 미리보기 이미지

3. 아스트라(Astra) 테마에 자식 테마 적용하기

이제 아스트라 테마(Astra)를 예제로 자식 테마를 생성하고 적용하는 과정을 알아보겠습니다.

1) 자식 테마 생성

아스트라 테마의 경우, 공식적으로 제공하는 Astra Child Theme Generator를 통해 쉽게 자식 테마를 생성할 수 있습니다.

Astra Child Theme Generator 페이지로 이동
Child Theme Name 입력 (예: astra-child)
Child Theme 생성 후 다운로드

2) 자식 테마 업로드 및 활성화

다운로드한 astra-child.zip 파일을 워드프레스에 업로드하고 활성화합니다.

워드프레스 관리자 페이지에서 외모 > 테마 메뉴로 이동
새로 추가 > 테마 업로드를 클릭
다운로드한 astra-child.zip 파일을 업로드 후 설치 및 활성화

3) 추가 CSS 스타일 적용 (style.css)

추가적인 스타일을 적용하려면 자식 테마의 style.css 파일을 수정하면 됩니다.

/**
Theme Name: astra-child
~~~
Template: astra
*/

/* 추가 커스텀 스타일 */
body {
    font-family: 'GmarketSansMedium';
    background-color: #fff;
}

4) 추가 기능 구현 (functions.php)

아스트라 테마의 자식 테마를 생성하면 functions.php 파일이 자동으로 포함됩니다. 기본적으로 다음과 같은 코드가 들어 있습니다.

<?php
/**
 * astra-child Theme functions and definitions
 *
 * @package astra-child
 * @since 1.0.0
 */

/**
 * Define Constants
 */
define( 'CHILD_THEME_ASTRA_CHILD_VERSION', '1.0.0' );

/**
 * Enqueue styles
 */
function child_enqueue_styles() {
    wp_enqueue_style( 'astra-child-theme-css', get_stylesheet_directory_uri() . '/style.css', array('astra-theme-css'), CHILD_THEME_ASTRA_CHILD_VERSION, 'all' );
}

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles', 15 );
?>

4. 자식 테마 적용 후 확인

자식 테마가 정상적으로 적용되었는지 확인하기 위해 다음 사항을 체크합니다.

워드프레스 관리자 페이지에서 외모 > 테마에서 “Astra Child” 테마가 활성화되었는지 확인
자식 테마의 style.css에서 적용한 디자인이 제대로 반영되었는지 확인

5. 마무리

자식 테마를 활용하면 부모 테마를 수정하지 않고도 원하는 커스터마이징을 유지할 수 있어 테마 업데이트로 인한 문제를 방지할 수 있습니다. 특히, CSS, functions.php 수정, 맞춤 템플릿 적용 등에 매우 유용합니다.

👉 아스트라 테마뿐만 아니라 대부분의 워드프레스 테마에서도 자식 테마를 적용할 수 있으므로, 앞으로 사이트를 유지보수할 때 적극적으로 활용해보세요!

함께 보면 좋은 게시글

이 글이 도움이 되셨다면 공유 부탁 드립니다.