워드프레스의 header나 footer등에 HTML 코드, JS코드 등을 직접 수정해서 웹사이트를 운영하다보면 워드프레스 업그레이드시 종종 기존에 수정되었던 코드들이 삭제 되는 경우들이 있습니다.
대표적으로 구글 서치콘솔, 네이버 서치어드바이저 소유자 확인 html 코드 등이 워드프레스가 업데이트 되면 사라지는 현상이 발생되곤 합니다.
이런 일들을 미연에 방지하고자 child theme을 생성하여 부모 테마가 업데이트 되도 작성한 코드가 사라지지 않도록 할 수 있습니다.
목차(Click)
자식테마 Child Theme 생성 방법
1. child theme 폴더를 생성합니다.
- FTP 경로 ➡ Web ➡ 도메인주소 ➡ public_html ➡ wp-content ➡ themes 로 이동합니다.
- 해당 경로에서 우클릭하여 generatepress-child 폴더를 생성합니다.
2. functions.php 그리고 style.css 파일을 생성합니다.
1. functions.php 파일을 생성하고 아래 코드를 작성합니다.
<?php
add_action( 'wp_enqueue_scripts', 'generatepress_child_enqueue_styles' );
function generatepress_child_enqueue_styles() {
wp_enqueue_style( 'generatepress-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'generatepress-child', get_stylesheet_uri(), array( 'generatepress-style' ) );
}2. style.css 파일을 생성하고 아래 코드를 작성합니다.
/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Your Name
Author URI: Your Website
Description: Your theme description
Version: 1.0
*/3. 자식테마 Child Theme을 활성화 합니다.
워드프레스 관리자 페이지 접속 > 모양 > 테마에서 GeneratePress Child 테마를 활성화 합니다.
주의할 점
1. 기존 부모테마에 적용해놓았던 css가 자식테마를 활성화 함으로써 적용되지 않습니다, 따라서 기존 사용자정의 > 추가CSS에 있는 코드들을 복사하여 자식테마의 사용자정의 > 추가CSS로 옮기거나 FTP 경로를 통하여 style.css로 옮겨주고 중복되지 않도록 부모테마에서는 삭제합니다.
2. 마찬가지로 부모 테마의 header나 footer에 있던 코드를 자식 테마의 functions.php로 옮겨서 작성하였다면 중복되지 않도록 삭제합니다.