주 콘텐츠로 건너뛰기

자식 테마 사용법을 알고 싶습니다

  • 업데이트 시간
워드프레스 테마 마다 관리자 패널에서 설정을 변경하는 범위는 각각 다릅니다. 직접 테마 파일을 수정해야 하는 경우가 있으며 테마의 새로운 버전 업데이트가 진행되는 경우 수정된 파일의 설정이 원복되는 문제가 발생 합니다.

자식테마 ( CHILD THEME ) 를 생성 함으로써 위와 같은 문제를 방지 할 수 있으며 직접 수정한 설정을 유지할 수 있습니다. 

설정은 직접 SSH / FTP를 통해 폴더/파일 작업으로 자식테마 생성하거나, 플러그인으로 생성하는 방법이 있습니다. wp-contents/themes 폴더 하위에 "부모테마명-child" 폴더를 생성하고 하위에 아래 소스를 가지는 style.css 파일을 생성 합니다.

# Theme Name 에는 자식테마명, Template에는 부모테마명을 입력 합니다.
/*
Theme Name: Twenty Twenty-Two Child
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Template: twentytwentytwo
Author: the WordPress team
Author URI: https://wordpress.org/
Description: 
*/

플러그인을 통한 생성 방법은 훨씬 간단하고 정확 합니다. SSH / FTP 를 통한 수동 생성보다 편리하며, 간단한 설정만으로 동작 합니다.
여러 자식테마 생성 플러그인이 있으며 그중 Child Theme Configurator ( https://ko.wordpress.org/plugins/child-theme-configurator/ ) 를 소개 합니다.
  1. 관리자 패널에서 플러그인 새로추가를 통해 Child Theme Configurator 설치 합니다.
    child_01.png
  2. 테마 세팅 화면에서 현재 사용중인 테마 정보를 확인후 Analyze 를 클릭합니다.
    child_02.png
  3. 생성할 자식 테마 설정 값을 확인 후 create new child theme 를 클릭 합니다.
    (4) 자식테마를 생성할 디렉토리 이름을 설정합니다.일반적으로 부모테마-child 의 형식으로 생성합니다.
    (5) 자식테마에 사용될 스타일시트 설정 파일을 지정 합니다. 대부분의 테마가 style.css 파일명으로 사용되며 기본값으로 설정합니다.
    (6) 부모테마의 스타일시트설정 보다 자식테마의 스타일시트 설정이 먼저 적용되도록 합니다. 기본값으로 지정 합니다.
    (7) 자식테마의 이름 설명, 작성자 버전 정보를 지정합니다. 기본값은 부모테마의 데이터를 종속하여 가져옵니다.
    (8) 자식테마 생성시 부모테마의 설정을 그대로 복사 합니다. 일반적으로 style.css, functions.php 파일이 그대로 복사 됩니다. 자식 테마 처음 생성시에는 체크되도록 합니다.
    child_03.png
  4. 자식 테마가 생성되었으며 외모 > 테마 에서 자식테마를 활성화 합니다.
    child_05.png
  5. SSH / FTP 접속을 통해 서버내 생성된 테마파일 및 현재 선택된 테마 정보를 체크 하실수 있습니다.
    ## themes 경로에 twentytwentytwo-child 폴더명으로 자식테마 생성됨
    # ls -al ~USERID/www/wp-content/themes/twentytwentytwo-child/
합계 180
drwxr-xr-x 2 USERID USERID   4096  4월 22 11:14 ./
drwxr-xr-x 6 USERID USERID   4096  4월 22 11:12 ../
-rw-rw-rw- 1 USERID USERID    941  4월 22 11:14 functions.php
-rw-r--r-- 1 USERID USERID 162290  4월 22 11:12 screenshot.png
-rw-rw-rw- 1 USERID USERID   1363  4월 22 11:14 style.css
-rw-r--r-- 1 USERID USERID   1363  4월 22 11:14 style.ctcbackup.css

    ## wp_options 테이블 정보 확인
MariaDB [USERID] select option_name,option_value from wp_options where option_id='41';
+-------------+-----------------------+
| option_name | option_value          |
+-------------+-----------------------+
| stylesheet  | twentytwentytwo-child |
+-------------+-----------------------+
1 row in set (0.00 sec)

MariaDB [USERID] select option_name from wp_options where option_id=1374;
+----------------------------------+
| option_name                      |
+----------------------------------+
| theme_mods_twentytwentytwo-child |
+----------------------------------+
1 row in set (0.00 sec)

FTP/SFTP, SSH, MYSQL 접속 방법은 아래 가이드 문서를 참고 바랍니다.
1. FTP / SFTP 접속 방법
2. SSH 접속 방법
3. MYSQL 접속 방법

관련 문서