워드프레스 사이트를 설치하고 테마를 적용했다면 차일드 테마를 만들도록 하자. 차일드 테마를 만들지 않으면 테마가 업데이트 될 때 내가 변경한 테마 설정이 초기화 될 수 있다.
1.차일드 테마 디렉토리 만들기
cPanel – Files – File manager 또는 파일질라를 이용해서 FTP로 접속한다.
- 사이트 설치 폴더 wp-content/themes/ 로 들어가서 현재 적용된 테마의 차일드 테마를 만든다.
- 예를 들어 generatepress 테마를 사용하고 있다면 generatepress-child 폴더를 만든다.
- 워드프레스 사이트 알림판(dashboard) 테마(themes)에 broken theme 로 표시된다.
2.차일드 테마 파일 만들기
차일드 테마는 style.css, function.php, header.php 총 3개의 파일이 필요하다. style.css, functions.php 파일은 윈도우 메모장으로 만들고 header.php 파일은 부모 테마에서 복사하면 된다.
2.1. style.css 파일 만들기
- 윈도우 메모장을 열어 아래 내용을 복사한 후 style.css 로 저장한다. 저장할 때 파일 형식은 모든 파일이다.
- generatepress 테마 말고 다른 테마를 사용하고 있다면 테마 정보를 변경해준다.
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
@import url(“../generatepress/style.css”);
- ※Template: “테마 디렉토리 이름”에서 테마 디렉토리 이름은 부모 테마의 디렉토리 이름과 대소문자가 일치해야 한다. generatepress 인데 Generatepress 라고 입력하면 “부모 테마가 없습니다라”는 오류 메시지와 함께 차일드 테마가 테마 목록에 정상적으로 표시되지 않는다.
2.2. functions.php 파일 만들기
- 윈도우 메모장을 열어 아래 내용을 복사한 후 functions.php 로 저장한다. 애드센스 숏코드 같은 코드를 적용할 때 필요하다.
- generatepress 테마 말고 다른 테마를 사용하고 있다면 테마 정보를 변경해준다.
/**
GeneratePress child theme functions and definitions.
*
Add your custom PHP in this file.
Only edit this file if you have direct access to it on your server (to fix errors if they happen).
*/
2.3. header.php 파일 복사하기
부모 테마 폴더(wp-content/themes/generatepress)에서 복사하거나 다운로드해서 차일드 테마 폴더(generatepress-child)로 업로드한다. 구글 애널리틱스 추적코드 등을 삽입할 때 필요하다.
2.4. 차일드 테마 섬네일 이미지 만들기
빈 공간으로 표시되는 테마 이미지를 바꿀 수 있다. 포토샵 같은 이미지 프로그램을 이용해서 이미지를 만든 다음 screenshot.png 로 저장한다. 그리고 차일드 테마 폴더에 업로드하면 적용된다.
3. 차일드 테마 활성화
워드프레스 사이트 알림판(dashboard) – 외모(appearance) – 테마(themes) 에 추가된 차일드 테마를 활성화(activate) 한다.