2015년 1월 2일 금요일

워드프레스에서 자식 테마 만들기 - 테마 수정하여 활용하는 방법

워드프레스의 강점은 초보자도 조금(?) 노력하면 웹페이지나 블로그를 만들어 서비스할 수 있습니다.

그런데 막상 시작해보니...홈페이지 개발과는 관계가 없는 비즈니스를 하는 본인에게는 참 쉽지 않은 일이었습니다. 막상 다른 할일도 많아 머리도 바쁘고 성질이 급해 차분히 그 기능을 익히기 쉽지 않았습니다.

어쨋거나 무료 테마를 하나 정하여 그 테마를 활용하여 나의 콘텐츠를 올려 서비스 하려고 할 때 그 무료 테마를 나의 입맛에 맞게 수정하고 싶을 때가 반드시 생기게 됩니다.
이럴때는 그 테마의 자식 테마를 만들어 서비스하는 방법이 좋습니다.
그렇지 않고 그 테마의 원본 파일(css/php 파일)을 직접수정하여 사용하게 되면, 후에 그 테마를 업그레이드 하여 업데이트 버전이 발표되었을 때, 그 테마의 업데이트된 버전을 설치하면 기존의 파일들 위에 새로 업데이트된 파일들을 over-write 해버리기 때문에 수정했던 파일의 내용들이 모두 사라져 버리는 불상사가 발생합니다. 그간 작업했던 내용들이 모두 없어져 버리는 황당한 사건이 벌어집니다.

그렇다고 업데이트된 테마를 사용하지 않고 옛날 버전의 테마를 그대로 사용하게 되면 외부에서 해킹이나 보안의 문제등이 발생할 수 있으므로 권장하지 않습니다.

그러므로 반드시 자식 테마를 만들어 그 자식 테마의 폴더에 수정하는 내용들을 저장하여 사용할 일입니다.
자식 테마를 사용하면 원본 테마가 업데이트되어 설치되더라도 자식 테마의 내용들은 그대로 반영됩니다. 새롭게 된 테마를 그대로 사용하면서 내가 수정하여 커스트마이징한 내용도 그대로 반영하게 되는 것이니...당연히 그런 방법으로 사용해야 하겠습니다.

자식 테마를 만드는 방법은 의외로 간단합니다. 만든후에 적용되는 개념만 몇가지 이해하면 됩니다.
자식 테마를 만들때 폴더를 새로이 만들어 그 폴더안에 넣어둘 파일은 최소한 style.css 파일 하나만 있어도 됩니다. 필요할 때 추가하면 됩니다.

이 style.css 파일안에 구성할 내용은 아래와 같습니다.

/*
Theme Name: AAA-child
Version: 1.0
Description: A child theme of AAA
Template: AAA
*/

@import url("../AAA/style.css");

새로이 만드는 폴더 이름은 편리하게 아무 이름을 붙여도 좋습니다.
편의상 테마 이름 뒤에 -child 를 많이 붙입니다.
예를 들면 'AAA' 라는 이름을 가진 테마를 사용한다고 할 때 자식 테마를 넣어둘 폴더 이름은 'AAA-child' 라는 이름을 정하는 것입니다.
이러한 과정도 잘 모르겠고 그냥 간단히 자동으로 만들고 싶으면 자식 테마를 만드는 플러그인을 설치하여 사용하면 됩니다. 
본인의 경우에는 'Child Themify' 라는 플러그인을 설치하여 작업합니다.
설치한 후 의 플러그인은 아래를 참조하십시요.

즉 원본 테마를 활성화한후 그 테마를 클릭하면 화면 하단에 Child 테마를 만들 수 있는 버튼이 추가되어 보입니다. 아래를 참조하십시요.
화면 하단에 Create a Child theme 라는 버튼이 나타난 것을 확인 할 수 있습니다.
이 버튼을 누르게 되면 자식 테마 이름을 지정하는 화면이 나타나고 이 항목에 위에서 설명한 대로 테마이름-child를 덧붙여 지정해주면 관련된 내용을 알아서 모두 만들어 그 폴더에 style.css 파일까지 생성하여 줍니다. 간단하게 자식 테마를 만들수 있습니다.

테마 대시보드에 자식 테마가 추가된 것을 확인 하실 수 있습니다.

댓글 없음:

댓글 쓰기