[Genesis 프레임워크] 하위 테마 CSS&PHP 파일 편집 방법 및 주의점

2019/5/26

Genesis framework에서 자식 테마의 style.css와 functions.php를 편집하여 사이트를 사용자 정의하는 방법입니다.일반 Wordpress 테마와 달리, Genesis framework는 부모 테마와 자식 테마의 관계가 다르기 때문에 조금만 주의가 필요합니다.

테마 구조의 차이에 의한 주의점

일반일본 WordPress 테마는 다음과 같은 구성이 많습니다.

상위 테마: 테마 템플릿 본체(사이트 구성 & 디자인)
자식 테마: 사이트 디자인 편집에 사용

부모 테마 자신에게 기본적인 테마 디자인 등 모든 것이 담겨 있습니다.갱신시에는 본체인 부모 테마가 변경되기 때문에, 아이 테마에 디자인을 커스터마이즈 하는 코드를 기입하고 있다고 생각합니다.

이에 대해창세기 프레임 워크의 부모 테마와 아이 테마의 역할이 다음과 같이 되어 있습니다.

상위 테마:Genesis framework 본체(프레임워크=사이트 구성)
아이 테마: 사이트 디자인 본체

부모 테마(프레임워크)는 상당히 질소인 디자인으로 되어 있어 기본적인 기능만을 억제한 것이 되어 있습니다.그리고, 아이 테마를 다양한 개발원으로부터 구입해 사이트의 디자인을 좋아하게 바꿀 수 있게 되어 있습니다.

즉, 자식 테마 자체도 제공업체의 업데이트나 유지보수로 일신되기 때문에, 추가하고 싶은 디자인면의 편집은 자식 테마로 할 수 없습니다.

국산 테마와 달리, 이 점에서 편집시에는 주의가 필요합니다.

style.css 사용자 정의

하지만 특히 복잡한 절차는 없습니다.

외관 → 사용자 정의 → 추가 CSS

에서 추가 CSS에 쓸 뿐.

functions.php 사용자 정의

function.php도 아이 테마의 것을 직접 변경하는 것은 피해,코드 스 니펫라는 플러그인을 사용하여 편집하는 것이 좋습니다.

https://ja.wordpress.org/plugins/code-snippets/

매우 높은 평가로 10만건 이상 설치된 function.php 편집용 플러그인입니다.하위 테마를 업데이트해도 문제없이 편집 내용이 유지됩니다.또한 사이트에 대한 부하도 적게 설계된 것 같습니다.