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

공정위 광고 문구 Ver 2.0

워드프레스 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 Super Cache: 플러그인 설치 및 설정

    워드프레스 캐시 플러그인 중 WP Super Cache는 100만 명 이상이 사용하는 인기 무료 캐시 플러그인입니다. 평점 4.3점으로 사용자 만족도도 높은 편이며, Automattic에서 직접 개발한 공식 플러그인입니다. 별도의 유료 버전은 존재하지 않으며, 캐시 플러그인에서 필요한 대부분의 기능이 무료로 제공됩니다. WP Super Cache의 설치 방법과 기본 설정, 작동 원리에 대해 확인해 보겠습니다. 기본 설치는 Neve…

  • 리눅스 서버에 워드프레스 설치하는 두 가지 방법: FTP vs wget

    워드프레스는 대표적인 CMS로, 리눅스 서버 환경에서도 수동 설치 방식으로 손쉽게 구축할 수 있습니다. 이 문서에서는 워드프레스 설치를 두 가지 방법, FTP를 이용한 수동 업로드 방식과 wget 명령어를 활용한 설치 방식을 다룹니다. 서버 환경과 사용자의 숙련도에 따라 원하는 방식을 선택하여 진행하시면 됩니다. ※ 이 문서는 호스팅 계정, 데이터베이스 계정, SSL 설정이 완료된 상태를 기준으로…

  • 워드프레스 아키스밋 스팸 방지 플러그인

    워드프레스를 설치하고 나면 기본 설치된 아키스밋 스팸 방지 플러그인과 “안녕 달리” 플러그인을 확인할 수 있습니다. 둘 다 기본 설치 플러그인이며, 사이트 목적에 따라 삭제 또는 비활성화하는 것이 일반적입니다. ✅ 아키스밋 스팸 방지 플러그인 댓글 스팸을 자동으로 필터링 해주는 플러그인입니다. 워드프레스 개발사인 Automattic에서 제공하며, 비영리 목적 무료지만 상업용 사이트는 API 키를 유료로 등록해야 합니다….

  • [WP] 워드프레스 XML-RPC 취약점과 비활성화 해야 하는 이유 2가지

    워드프레스 xmlrpc.php는 보안 문제가 발생합니다. xmlrpc.php 파일을 이용한 워드프레스 사이트에 대한 무차별 대입 공격이 문제입니다. xmlrpc.php 취약점으로 많은 워드프레스 유저에게 알려진 문제이기도 합니다. ‘XML-RPC‘의 기본 기능 및 활용성과 문제가 되는 이유에 대해 알아 보겠습니다. 1. 워드프레스 xmlrpc.php란? xmlrpc.php 파일은 HTTP가 전송 메커니즘으로 작동합니다. XML이 인코딩 메커니즘으로 작동하여 데이터를 전송할 수 있는 WordPress의 기능입니다….

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

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

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