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

워드프레스 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

  • 워드프레스 호스팅 FastComet 성능 평가(Extra Plan $4.99)

    3년 전에 FastComet 호스팅을 일본 서버에서 1년 넘게 사용한 적이 있었기 때문에 이번에 여러가지 용도로 사용할 워드프레스 사이트를 추가하면서 신규 신청을 하게 되었습니다. 신청한 상품은 FastComet Extra 상품으로 신청 후 PHP 8.3에서 8.4로 업데이트 등 워드프레스 사이트 성능을 올리기 위한 작업을 모두 진행했습니다. 테스트는 워드프레스 최적화 플러그인 Perfmatters와 캐시 플러그인 WP Rocket 설치…

  • 워드프레스 호스팅 RocketNet 가격·스펙 & Starter 플랜 $1

    워드프레스 호스팅 중 RocketNet은 속도와 안정성을 중시하는 개발자형 관리형 호스팅 서비스로, 캐시·보안·CDN 기능을 기본 제공하며 별도의 설정 없이 빠른 환경을 구축할 수 있습니다. 엔터프라이즈 호스팅을 제외한 관리형 호스팅 및 에이전시 호스팅은 첫 달 $1로 할인과 1년 결제 시에도 30일 환불 정책이 있기 때문에 가입 후 충분히 검토 후에 연장 여부를 검토할 수 있습니다….

  • 워드프레스 버튼 만들기&링크 추가 방법

    워드프레스에서 콘텐츠를 작성하다 보면 추가 설명이 필요하여 내부 및 외부 링크를 만들어야 하는 경우가 있습니다. 웹사이트의 좋은 사용자 인터페이스(UI)는 좋은 사용자 경험(UX)로 연결되기 때문입니다. 워드프레스 버튼은 구텐베르크 에디터에서 빼 놓을 수 없는 매우 주요한 기능으로 자리 잡았습니다. 목차1. 차일드 테마란?2. 워드프레스 차일드 테마(Child Theme) 설치 방법2.1 신규 디렉토리 생성2.2 ‘style.css‘ 파일 생성2.3 ‘functions.php‘…

  • [WP] 테마포레스트(themeforest)란?

    테마포레스트(themeforest)는 HTML 템플릿, 워드프레스 및 다른 CMS 등의 플랫폼에서 고객이 22$, 39$, 66$ 등과 같이 테마 및 플러그인을 구매할 수 있는 마켓플레이스입니다. 결제는 신용카드 or 페이팔 결제가 가능합니다. 목차1. 차일드 테마란?2. 워드프레스 차일드 테마(Child Theme) 설치 방법2.1 신규 디렉토리 생성2.2 ‘style.css‘ 파일 생성2.3 ‘functions.php‘ 파일 생성2.4 ‘screenshot.png‘ 원본 폴더에서 복사1. 테마포레스트에서 테마 및…

  • Perfmatters 플러그인 리뷰 & 가이드: 3년 동안 사용한 워드프레스 성능 최적화 설정 방법

    Perfmatters 플러그인은 워드프레스 최적화 플러그인 중에서도 가볍고 강력한 퍼포먼스를 제공하는 도구입니다. 불필요한 스크립트와 리소스를 손쉽게 제어해 페이지 로딩 속도를 개선하고, 서버 부하를 최소화할 수 있습니다. 3년 이상 사용하면서 느낀 점은, 단순한 속도 향상을 넘어 사이트 전체의 안정성과 관리 편의성을 높여준다는 점이었습니다. 현재 이 웹사이트는 WP Rocket Cache 플러그인과 Perfmatters를 함께 사용하고 있습니다. 이…

  • IMAGIFY 설정: 워드프레스 이미지 최적화 플러그인

    워드프레스 이미지 최적화 플러그인은 JPEG 또는 PNG 이미지를 WebP 이미지로 변화해 주며, 이미지를 무손실 또는 손실로 압축합니다. 이미지 최적화 플러그인은 워드프레스 웹 사이트의 로딩 속도를 대략 50% 정도 향상 시킵니다. 그 중 2년 정도 사용한 IMAGIFY 플러그인은 웹 사이트의 로딩 속도를 빠르게 변환해 주는 플러그인 중 하나입니다. 무료 버전에서 월 20M, 200개의 이미지를…