제작  목표

• 고객이 손쉽게 변경할 수 있도록 한다.
• 국내 사용자에게 익숙한 UX를 제공한다.

제작 준비

① 데모 사이트 호스팅 준비

• 프리 호스팅을 이용해 호스팅 발급.
• 2차 도메인은 demo-‘child theme 이름’으로 지정 예) demo-newsbisp.wpcorona.com
• ManageWP 등록
  • 단비크루의 직접 등록은 안되므로 단비랩스의 기술지원 담당자에게 요청.

② 미디어 엑스퍼트팩 설치

• ManageWP를 이용해 미디어 엑스퍼트팩을 데모 사이트에 복사.
• 라이센스 입력
  • 외부 플러그인 라이센스는 직접 이력.
  • 단비스토어 판매 플러그인은 단비랩스의 기술원 담당자에게 요청. 해당 담당자는 영구 라이센스로 발급.

③ child theme 정보 변경

• Screenshot은 1200 * 900 pixel의 PNG 파일.

제작 가이드

아래 순서로 스타일을 정의한다.

• 테마 사용자 정의하기
• Extra Plus
• 빌더의 디자인 옵션
• 빌더의 커스텀 CSS
• child theme의 style.css: 위 설정이 불가능한 카테고리 모듈의 기본 스타일 정의.

Extra Plus에서 제공하는 기능은 child theme에 넣지 않는다.

• 범용적인 니즈라면, 단비랩스에 반영 요청.

글 리스트, 그리드와 관련된 모듈의 폰트는 기본적으로 ‘테마 사용자 정의하기’에서 먼저 정의.

• 해당 설정은 개별 글에도 영향을 미치나 개별 글은 테마 빌더로 작업하기 때문에 무방. ‘테마 사용자 정의하기’를 사용하는 것이 글로벌하게 영향을 미친다.

헤더와 풋터는 테마 빌더로 정의

• 다른 헤더 사용을 원할 경우, 글로벌하게 사용되는 섹션을 글로벌 레이아웃으로 저장하고 이걸 다른 custom header에서 불러와 재사용.
• Newsbi와 같이 Full Width를 원한 경우 custom header를 만들어 넣으면 된다.

커스텀 CSS는 모두 child theme에 넣는다.

• Divi Theme은 모듈의 default desing이 있어서 child theme에 넣을 필요가 없지만, 카테고리 빌더는 이를 지원하지 않는다.