[워드프레스] 차일드 테마란? 만들어야 할까요? 그럼 어떻게?

워드프레스 CMS를 사용하면 테마는 필수로 사용하게 됩니다. 워드프레스 차일드 테마는 운영하는 워드프레스 사이트에서 필수 요소인지 먼저 생각해 볼 필요가 있습니다.

1. 차일드 테마란?

차일드 테마(Child Theme)는 워드프레스 프레임워크의 주요 기능 중 하나입니다. 사용 중인 테마 파일의 수정(커스터마이징)이 필요할 때 원본 테마(부모 테마) 대신 수정할 수 있게 만들어진 기능입니다. Child Theme는 기본 테마 업데이트가 되어도 Child Theme 폴더 내에서 설정한 CSS 및 PHP 파일 등이 그대로 유지되는 장점이 있습니다.

기본 테마가 업데이트 되었을 경우 따로 Child Theme에서 설정한 부분이 적용되지 않을 수 있습니다. 심한 경우 사이트가 깨질 수 있는 단점을 가지고 있습니다. 2022년 정도 시점을 기준으로 워드프레스 테마는 하위 테마가 필요하지 않은 경우가 많습니다. 사용자 지정 필터나 워드프레스 후크를 지원하는 테마가 많기 때문입니다. Child Theme는 실제론 개발자에게 해당되는 항목일 수 있습니다. 개발자에게 해당하는 항목은 두 가지 상황을 생각할 수 있습니다.

  • 수행해야 하는 고급 테마 변경이 있으며 사용자 지정 프로그램을 통하거나 코드 스니펫을 추가하는 방법으로는 불가능합니다. 즉, 특정 부모 테마 파일을 자식 테마로 복사하고 편집하여 재정의하려는 경우입니다.
  • WooCommerce와 같은 플러그인을 세부적으로 사용자 지정하려면 플러그인 파일을 재정의해야 하며 이는 기술적으로 사용자 지정 플러그인을 사용하여 수행할 수 있지만 가장 일반적인 방법은 자식 테마를 사용하는 것입니다.

Child Theme 설치가 필요하다면 아래와 같은 방법으로 진행할 수 있습니다.

워드프레스 작업

2. 워드프레스 차일드 테마(Child Theme) 설치 방법

2.1 신규 디렉토리 생성

SSH 또는 FTP와 같은 프로그램을 이용해서 ‘wp-content/theme’ 폴더에 새 폴더를 생성합니다. 부모 테마(원본)와 자식 테마는 동일한 ‘theme’ 폴더 내에 있습니다.

부모 테마가 제너레이트프레스(generatepress)라면 디렉토리 명은 ‘generatepress’이며 이름은 상관 없지만 보통 ‘generatepress_child’로 디렉토리를 생성합니다.

2.2 ‘style.css‘ 파일 생성

‘generatepress_child’ 폴더 ”style.css‘ 파일을 생성합니다.

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Template:     generatepress
 Author: generatepress WP
 Author URI: https://www.generatepress.com
 Description:  Default GeneratePress child theme

 Version:      0.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: generatepress_child
*/ 
  • Theme Name: 원하는 이름을 입력하면 됩니다.
  • Template: 부모 테마 폴더 명을 입력합니다.

Theme Name 및 Template는 필수 값이며 나머지는 추가 옵션입니다.

2.3 ‘functions.php‘ 파일 생성

생성한 ‘functions.php‘ 파일에 아래 코드를 입력합니다.

function wptalk_enqueue_styles() {
    $parent_style = 'parent-style';
    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 ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'wptalk_enqueue_styles' );

2.4 ‘screenshot.png‘ 원본 폴더에서 복사

screenshot.png‘ 파일은 원본 테마를 소개할 때 사용되는 이미지 파일입니다. 원본 폴더에서 차이들테마 폴더에 복사해서 붙여 넣기를 진행해 줍니다. 마지막으로 테마를 활성화 시켜주면 됩니다.

Child Theme에 있는 ‘functions.php‘와 ‘style.css‘ 두 개의 파일이 있어야 자식 테마로 인식되며, 부모 테마에서 두 개의 파일이 샐행된 후에 자식 테마의 두 파일이 실행되는 원리입니다.


워드프레스 차일드 테마

Similar Posts

  • [WP] Time to First Byte(TTFB)란? 워드프레스 TTFB 속도 줄이는 방법 5가지

    구글 페이지스피드 인사이트를 테스트 했을 때 지표 중 Time to First Byte(TTFB)를 확인하게 됩니다. ‘첫 번째 바이트까지의 시간’이란 뜻을 가진 TTFB는 브라우저가 요청 후 웹 서버에서 첫 번째 정보를 수신하기까지 브라우저가 대기하는 시간입니다. ‘초기 서버 응답 시간’을 줄이는 것은 페이지스피드 ‘코어 웹 바이탈’의 중요한 권장 사항 중 하나입니다. ‘초기 서버 응답 시간’을 줄이기…

  • Ghost CMS에 cPanel Nodejs 설치 및 관리 방법

    Node.js는 Chrome V8JavaScript 엔진 기반 JavaScript 런타임입니다. 보통 기존 JavaScript보다 Node.js를 사용할 경우 웹 사이트의 속도가 빠른 것으로 생각할 수 있으며, 사용 중인 호스팅에서 cPanel Nodejs를 지원할 경우 설정하는 방법에 대해 알아 보겠습니다. Node.js는 오픈 소스 Javascript 런타임 환경으로, 웹 호스팅 서버에서 클라이언트의 웹 브라우저 대신 Javascript 코드를 실행시키기 위해 사용됩니다. Node.js는 웹 페이지의…

  • [WP]워드프레스 댓글 비활성화 방법 3가지

    워프프레스 블로그를 운영하다 보면 해외에서 많은 스팸 댓글이 달릴 때가 많습니다. 댓글을 스팸 및 삭제하기 전에 달린 댓글들은 DB 용량을 차지해서 서버의 리소스를 잡아 먹습니다. 커뮤니티 or 전자상거래 목적의사이트가 아니라면 ‘워드프레스 댓글 비활성화’를 설정을 해 놓는 것이 옳은 결정입니다. 목차1. 차일드 테마란?2. 워드프레스 차일드 테마(Child Theme) 설치 방법2.1 신규 디렉토리 생성2.2 ‘style.css‘ 파일…

  • WordPress: 개념과 기능 | 왜 워드프레스를 사용하는가?

    WordPress는 무료 오픈 소스 콘텐츠 관리 시스템(CMS)입니다. 원래는 블로그 게재 목적으로 개발되었지만, 시간이 지나면서 인터넷 포럼, 웹사이트, 다양한 콘텐츠 유형을 지원하는 플랫폼으로 발전했습니다. 테마와 플러그인 시스템을 기반으로 하며, 미디어 갤러리, 회원제 사이트, 학습 관리 시스템(LMS), 우커머스를 활용한 쇼핑몰 등 거의 모든 형태의; 웹사이트 구축이 가능합니다. 콘텐츠 관리 시스템(CMS)을 사용하는 이유는 비 개발자도 손쉽게…

  • WP CLI: 설치 및 설정 | 워드프레스에서 WP CLI를 사용하는 이유

    워드프레스 사이트를 관리할 때, 리눅스 서버에 직접 SSH로 접속할 수 있고 root 권한까지 보유하고 있다면, WP CLI의 필요성을 크게 체감하지 못 할 수 있습니다. 리눅스의 기본 Command Line Interface는 이미 모든 기능을 제공할 정도로 편리하지만, 워드프레스 사이트를 운영하면서 가끔 씩 WP CLI가 언급됩니다. 자주 언급되는 이유는 단순한 명령어의 대체가 아닌 워드프레스에 특화된 자동화와…

  • 워드프레스 호스팅 비교: 2025년 추천 호스팅 TOP 7

    도메인을 구매하고 워드프레스 웹사이트를 운영하기 전에는, 웹 호스팅 업체 선택이 매우 중요합니다. 호스팅 성능과 서버 위치, 고객 지원, 그리고 캐시 및 보안 기능 등이 사이트 속도와 안정성에 직접적인 영향을 미치기 때문입니다. 이 페이지에서 7개의 워드프레스 호스팅 비교를 하며, 고객 지원(채팅 및 티켓), 서버 안정성, 속도, 서버 위치, 가격 등의 항목을 분석합니다. 추천할 수…