본문 바로가기
IT

워드프레스 차일드 테마 만들기: 초보자도 쉽게 따라하는 방법

by 굿센스굿 2025. 2. 28.
반응형

워드프레스 블로그를 운영하다 보면 테마 디자인을 변경하거나 기능을 수정하고 싶은 경우가 많습니다. 그러나 부모 테마를 직접 수정하면 테마 업데이트 시 변경사항이 사라질 위험이 있습니다. 이런 상황에서 가장 안전하고 효율적인 방법이 바로 **차일드 테마(Child Theme)**를 만드는 것입니다.

이번 글에서는 초보자도 쉽게 따라할 수 있도록 워드프레스 차일드 테마 만들기의 모든 과정을 단계별로 자세히 설명합니다. 차일드 테마의 개념부터 실제 제작 방법까지 하나씩 알려드릴게요.

차일드 테마란 무엇인가요?

차일드 테마는 부모 테마(Parent Theme)의 기능과 디자인을 그대로 유지하면서 사용자만의 수정 사항을 추가할 수 있는 별도의 테마입니다. 부모 테마는 기본 기능과 디자인을 제공하고, 차일드 테마는 이 기능을 기반으로 원하는 부분만 수정하는 방식으로 작동합니다.

차일드 테마가 필요한 이유

  • 안전한 테마 수정: 부모 테마 파일을 직접 건드리지 않아 테마 업데이트 시 수정 사항이 사라지지 않습니다.
  • 업데이트 호환성 유지: 부모 테마가 업데이트되더라도 차일드 테마에서 수정한 내용은 그대로 유지됩니다.
  • 효율적인 개발: 필요한 코드만 추가하면 되므로 코드가 간결해집니다.
  • 커스터마이징 자유도: 원하는 기능 추가와 디자인 변경이 가능합니다.

차일드 테마의 장점

장점 설명

안정성 부모 테마 수정 없이 테마 업데이트에 대응 가능
유연성 CSS와 PHP 코드 수정 가능
속도 최적화 불필요한 코드 없이 필요한 기능만 추가
쉬운 관리 부모 테마와 차일드 테마가 분리되어 코드 관리 용이

차일드 테마 만들기 전 확인 사항

차일드 테마를 만들기 전에 현재 사용 중인 테마가 차일드 테마인지 확인해야 합니다. 워드프레스 관리자 페이지에서 다음 단계를 따라 확인해보세요:

  1. 워드프레스 관리자 페이지 접속
  2. 외모 > 테마 메뉴 클릭
  3. 활성화된 테마 이름 아래에 "차일드 테마"라는 문구가 있는지 확인

차일드 테마 문구가 없다면, 직접 차일드 테마를 만들어야 합니다.

워드프레스 차일드 테마 만들기 단계별 가이드

1. 차일드 테마 폴더 생성하기

먼저, 워드프레스 설치 디렉토리의 다음 경로에 차일드 테마 폴더를 생성합니다:

/wp-content/themes/

예를 들어, 부모 테마가 Kadence라면 폴더 이름은 kadence-child로 만들어주세요.

2. style.css 파일 생성 및 작성하기

폴더를 만든 후 style.css 파일을 생성하고 다음 내용을 작성합니다:

/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/
Description: Child theme for Kadence
Author: 사용자명
Author URI: http://yourwebsite.com
Template: kadence
Version: 1.0.0
*/

/* 여기에 추가 CSS 작성 */

Template 항목에는 부모 테마의 폴더 이름을 정확히 작성해야 합니다.

3. functions.php 파일 생성 및 작성하기

다음으로 functions.php 파일을 생성합니다. 이 파일은 부모 테마의 스타일시트를 불러오는 역할을 합니다.

<?php
function kadence_child_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
}
add_action( 'wp_enqueue_scripts', 'kadence_child_enqueue_styles' );

// 여기에 추가 기능 작성
?>

4. 차일드 테마 업로드 및 활성화하기

  1. FTP 또는 파일 관리자를 이용해 생성한 폴더를 다음 경로에 업로드합니다:
/wp-content/themes/
  1. 워드프레스 관리자 페이지로 이동합니다.
  2. 외모 > 테마 메뉴로 이동합니다.
  3. Kadence Child 테마를 찾아 활성화 버튼을 클릭합니다.

5. 차일드 테마 확인하기

  • 관리자 페이지에서 외모 > 사용자 정의하기 메뉴에 들어가서 차일드 테마가 제대로 적용되었는지 확인합니다.
  • 추가한 CSS가 잘 적용되었는지 테스트합니다.

차일드 테마로 할 수 있는 작업들

작업 설명

디자인 변경 CSS 파일 수정
기능 추가 PHP 함수 추가
속도 최적화 불필요한 코드 제거
브랜드 유지 고유한 스타일과 기능 적용

차일드 테마 만들 때 주의할 점

  • 너무 많은 코드를 추가하면 사이트 속도가 느려질 수 있습니다.
  • 항상 필요한 것만 수정하는 것이 좋습니다.
  • 코드 수정 전 백업을 꼭 해두세요.

마무리

워드프레스 차일드 테마 만들기는 생각보다 어렵지 않습니다. 차일드 테마를 사용하면 사이트의 기능과 디자인을 안전하게 수정할 수 있으며, 부모 테마 업데이트에도 영향을 받지 않습니다.

이제 여러분도 차일드 테마를 통해 자신만의 멋진 웹사이트를 꾸밀 준비가 되셨나요? 궁금한 점이 있다면 댓글로 남겨주세요! 함께 성장하는 블로거가 되어봅시다.

 

반응형