워드프레스 차일드 테마 만드는 방법 3가지

이 글에서는 테마가 업데이트 되더라도 사이트가 초기화되지 않도록 도와주는 워드프레스 차일드 테마를 만드는 방법을 알아보겠습니다.

워드프레스 차일드 테마의 필요성

워드프레스 차일드 테마는 워드프레스 테마를 수정하고자 하는 경우, 설치해주는 것이 좋습니다. 테마를 설치하고, 원본 테마 파일을 커스터마이징하여 수정할 경우에 테마가 업데이트 될 경우 커스터마이징 내용이 모두 사라지게 됩니다.

반면에 차일드 테마를 만들고, 차일드 테마를 커스터마이징 한다면 테마의 수정도 되면서 업데이트 되어도 수정한 사이트가 초기화되지 않습니다. 따라서 워드프레스 테마를 적용하고, 그대로 사용할 것이 아니라면 차일드 테마를 만들어서 수정하는 것이 좋은 방법입니다.

워드프레스 차일드 테마가 언제나 완벽한 것은 아닙니다. 테마를 과도하게 수정할 경우에는, 사용하는 테마가 업데이트 되고서 사이트가 종종 먹통이 되곤합니다. 워드프레스 테마를 적용하고, 사이트 수정이 과도하게 필요한 경우에는 아예 새롭게 자체 테마를 만드는 것이 가장 좋은 방법입니다.

그럼에도, 대부분의 경우에 차일드 테마를 만들고 사이트의 일정 부분을 수정하는 정도면 충분할 것이기 때문에 차일드 테마를 만드는 방법을 익히는 것은 필수적입니다.

차일드 테마 만드는 방법

워드프레스 차일드 테마 만들기 : 기본적인 방법

차일드 테마를 만드는 기본적인 방법은, FTP/SFTP에 접속하여 워드프레스 사이트 폴더에 다음을 새롭게 추가하면 됩니다. 1번, 2번 항목은 필수로 만들어야 하며 3번 함수 파일은 없어도 무방합니다. 만약 워드프레스 사이트에 새로운 함수를 추가하는 경우에 함수 파일까지 추가해주면 되겠습니다.

  1. 차일드 테마 디렉토리(폴더)
  2. 스타일 시트 파일 : style.css
  3. 함수 파일 : functions.php

먼저 차일드 테마 폴더를 새롭게 추가하는 방법은 간단합니다. .FTP/SFTP에 접속하여 새로운 폴더를 추가하고, 부모 테마 폴더 이름에 “-child”를 추가해주면 됩니다. FTP/SFTP에 접속하는 방법은 아래의 글을 참고해보세요.

FTP/SFTP에 접속했다면, publick_html/wp-content/themes 폴더로 이동합니다. FTP 사용법이 미숙한 경우 다음의 글을 참고해보세요.

  • FTP/SFTP 사용법 : 파일질라 활용

만약 다음과 같이 테마 기본 폴더의 이름이 twentytwentyone이라면 -chlid를 추가하여, themes 폴더에 twentytwentyone-child라는 이름으로 새로운 폴더를 생성하면 됩니다. 워드프레스 차일드 테마를 생성할 때에는, 차일드 테마 폴더 이름에 공백이 포함되지 않아야 합니다. 그러면 사이트가 차일드 테마를 불러 오는 데 오류가 발생할 수 있으니 주의하시기 바랍니다.

워드프레스 차일드 테마 만들기 위해서, FTP/SFTP에 접속합니다.
부모 테마 이름에 -child를 추가한 폴더를 생성합니다.

차일드 테마 폴더를 생성했으면 이제 스타일 시트(style.css) 파일을 추가해주어야 합니다. 생성한 차일드 테마 폴더에서, 새 파일 만들기를 통해서 style.css 파일을 생성해주세요. 새롭게 만드는 파일 이름을 style.css로 설정하면 됩니다.

생성한 워드프레스 차일드 테마에 style.css 이름으로 새로운 파일을 생성합니다.

이제 style.css 파일을 생성했다면, 그 문서 파일을 열어서 아래와 같은 코드를 입력해주어야 합니다.

/*
Theme Name: twentytwentyone Theme
Description: Theme of twentytwentyone Child Theme
Theme URI: 
Author: WordPressTech
Author URI: 
Template: twentytwentyone
Version: 1.8
*/

/* 여기부터 사용자 코드 */

위의 내용은 워드프레스에서 차일드 테마를 활성화 시키기 위한 최소한의 코드입니다. 위의 코드에서도 필수적으로 입력해주어야 하는 부분은 Theme Name과 Template입니다. 이 두 가지에는 다음의 내용을 입력해주면 되겠습니다. 입력할 때는 공백까지 정확하게 입력해야 합니다. 오타가 없는지 꼭 확인해주세요.

  • Theme Name : 차일드 테마를 만드려는 테마 이름
  • Template : 부모 테마의 폴더 이름

여기까지 완료했으면, 기본적으로 차일드 테마 사용은 가능합니다. 만약 함수 파일을 추가하고 싶은 경우에는 function.php 파일을 텍스트 파일로 생성한 뒤에, 다음의 코드를 추가해주면 되겠습니다.

<?php

//
//
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
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')
);
}
//
// Your code goes below
//

이제 워드프레스 관리자 페이지 > 외모 > 테마로 이동해보세요. 다음과 같이 차일드 테마가 생성된 것을 확인할 수 있을 겁니다. 그런데 다른 테마와 달리, 대표 이미지가 없는 것을 확인할 수 있습니다. 차일드 테마 폴더에 이미지 파일을 추가해서 썸네일을 추가해보도록 하겠습니다.

워드프레스 차일드 테마 만들기에 성공했습니다.

차일드 테마 이미지 등록하는 방법은 간단합니다. 먼저 대표 이미지로 등록하고 싶은 이미지를 wp-content/themes/차일드 테마 폴더에 업로드 합니다. 그 후 이미지 파일의 이름을 screenshot.png로 변경만 해주면 됩니다. 그러면 아래의 이미지처럼, 추가한 차일드 테마에 대표 이미지가 등록됩니다.

추가한 워드프레스 차일드 테마에 대표이미지를 추가하기 위해, FTP에서 차일드 테마 폴더에 이미지를 업로드하고, 이미지의 이름을 screenshot.png로 변경합니다.
워드프레스 차일드 테마 이미지가 등록된 것을 확인할 수 있습니다.

이제 새로 추가한 차일드 테마를 워드프레스 관리자 페이지 > 외모 > 테마로 이동하여 메인 테마로 변경해주시면 워드프레스 차일드 테마 만들기 작업은 완료됩니다.

원클릭 차일드 테마 만들기 : Child Theme Configurator 플러그인

GeneratePress 차일드 테마 파일을 직접 업로드 하기

GeneratePress 테마는 홈페이지에서 차일드 테마 파일을 제공합니다. 차일드 테마 zip 파일을 홈페이지에서 다운로드 받고, 워드프레스 테마에 업로드하기만 하면 GeneratePress의 차일드 테마를 손쉽게 생성하고 적용할 수 있습니다.

마치며

오늘은 워드프레스 차일드 테마 만드는 다양한 방법에 대해 알아보았습니다. FTP 사용이 익숙해지신 분들은 워드프레스 폴더에 새로운 차일드 테마 폴더를 생성하는 방법으로 간편하게 작업을 하실 수 있습니다. 만약 아직 워드프레스 블로그 관리에 익숙하지 않으신 분이라면, 두 번째 방법인 플러그인을 통해 간편하게 차일드 테마를 만들 수도 있습니다. 그렇지만 FTP 사용은 익숙해지시면 앞으로의 워드프레스 관리에 편리한 점이 많을 것입니다. 어렵고 귀찮아 보이더라도 한 번 쯤은 꼭 FTP를 사용한 방법을 경험해보시기 바랍니다. 막상 해보면 컴퓨터에서 새폴더, 새파일 생성하는 것과 거의 비슷할 정도로 쉬운 작업이라고 느껴지실 겁니다.

마지막으로 GeneratePress 테마의 홈페이지에서 차일드 테마 zip 파일을 다운로드 받아서, 워드프레스 테마에 업로드하는 정말 간단한 방법까지 알아 보았습니다. 이 테마 외에도 아바다와 같은 유료 테마들은 최근 자체적으로 차일드 테마 파일을 제공해주고 있으니 자신이 사용하는 테마도 차일드 테마를 쉽게 다운로드 받을 수 있는지 확인해보시기 바랍니다.

테마 설정에서 무엇보다 중요한 것은, 처음에 선택하는 부모 테마입니다. 부모 테마를 잘못 설정할 경우에, 테마 파일을 많이 수정해야 할 것이고 그러면 테마 업데이트가 진행되면서 사이트에 오류가 생길 가능성도 커집니다. 따라서 테마를 과도하게 수정해야 할 일이 없도록 자신의 사이트에 적합한 부모 테마를 잘 선택해주어야 합니다. 테마 파일을 과도하게 수정해야 할 경우에, 가장 좋은 선택은 자체 테마를 만드는 것이란 것 꼭 기억하시기 바랍니다.

여기까지 워드프레스 차일드 테마 만드는 다양한 방법에 대한 글이었습니다.

참고