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

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

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

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

  • WordPress Plugin: 정의와 역할 | 워드프레스 필수 플러그인 3가지 기준

    WordPress Plugin은 웹사이트에 다양한 기능을 추가할 수 있는 확장 도구입니다. 보안, 성능 최적화, SEO, 백업 등 핵심적인 기능 대부분이 플러그인을 통해 구현되며, 어떤 플러그인을 선택하고 조합하느냐에 따라 사이트의 완성도가 달라집니다. 이 페이지에서는 워드프레스 플러그인의 정의와 역할을 정리하고, 실제 운영에 꼭 필요한 7가지 필수 플러그인 요소를 소개합니다. 목차1. 차일드 테마란?2. 워드프레스 차일드 테마(Child Theme)…

  • 워드프레스 RDS 링크 목적과 제거하는 방법

    워드프레스 설치 시 RSD 링크는 기본으로 생성되어 활성화되어 있습니다. 워드프레스 RSD 링크는 외부 애플리케이션이 워드프레스 사이트와 보다 쉽게 통신할 수 있도록 하는 목적을 가지고 있습니다. 이를테면 Windows Live Writer(PC 블로그 작성기), MarsEdit(Mac용 블로그 작성기)에서 작성한 글을 워드프레스에 업로드할 때 활용됩니다. 워드프레스 모바일 앱은 처음에 접속 설정 시 RDS 링크를 사용합니다. RSD 링크는 XML-RPC…

  • Ghost CMS란? WordPress vs Ghost 2개 CMS 비교

    2023년 워드프레스 CMS 점유율은 43% 정도이며, 압도적인 점유율을 유지하고 있는 콘텐츠 관리 시스템(CMS)이 틀림 없습니다. 워드프레스 테마와 플러그인은 무한에 가까운 확장성을 가지고 있기 때문입니다. Ghost CMS는 콘텐츠 제공 중심 CMS입니다. WordPress vs Ghost 차이점을 알아 보도록 하겠습니다. Ghost CMS는 자바 스크립트로 작성되며, MIT 라이선스에 따라 배포됩니다. 둘 다 무료 오픈소스인 점이 동일합니다. 목차1. 차일드…

  • 워드프레스 플러그인: Health Check&Troubleshooting | 플러그인 충돌 테스트

    워드프레스 플러그인 충돌 테스트를 위해 모든 플러그인을 직접 비활성화하면 방문자에게 사이트가 깨져 보일 수 있습니다. 이때 사이트는 그대로 유지하고 관리자만 테스트할 수 있는 Health Check & Troubleshooting 플러그인을 사용할 수 있습니다. 목차1. 차일드 테마란?2. 워드프레스 차일드 테마(Child Theme) 설치 방법2.1 신규 디렉토리 생성2.2 ‘style.css‘ 파일 생성2.3 ‘functions.php‘ 파일 생성2.4 ‘screenshot.png‘ 원본 폴더에서 복사…

  • 워드프레스 DB Collation: utf8mb4_unicode_520_ci

    워드프레스 전용 서버를 구축하기 위한 준비를 APM 설치 후 테스트 도메인으로 워드프레스를 설치했다. 설치 후 데이터베이스를 확인해 보니 워드프레스 DB Collation이 utf8mb4_general_ci가 아닌 utf8mb4_unicode_520_ci로 확인되었다. 워드프레스 utf8mb4_unicode_520_ci가 표준이었나 생각하다가 구글링 후 워드프레스 utf8mb4_unicode_520_ci가 표준이라는 것을 확인했다. 예전에 시간적 여유가 있을 때 utf8mb4_general_ci를 사용했었고 그때는 utf8mb4_general_ci가 표준이었는지 모르겠지만 지금 생각해보니 예전에도 표준 정렬은 unicode_ci를…