기본 요소가 모두 제공되는 Divi 테마를 사용하는 방법과 Divi 테마 빌더를 사용하는 방법이 있습니다.
테마 빌더는 모든 출력 유형을 사용자 정의할 수 있습니다. 다만, 번역이 너무 엉망이기 때문에 한글이 오히려 사용에 불편을 줄 수 있습니다.
템플릿 추가
기본 웹 사이트 템플릿은 별도의 사용자 정의 양식이 없을 때 적용됩니다. 목록과, 글 보기는 완전히 다른 유형이므로 새 템플릿 추가로 출력 유형별 양식을 만들어야 합니다.
그림에서는 홈페이지, 글 보기, 목록 보기, 404 페이지 템플릿을 만들었습니다.
글로벌은 모든 양식에 공통으로 적용되는 전역 변수와 같습니다. 커스텀 항목은 각 템플릿마다 적용되는 지역 변수와 같습니다.
글로벌 헤더
단순 블로그에서는 양식마다 같은 헤더를 사용합니다. 그래서 글로벌 헤더로 만듭니다.
2024-08에 적용된 헤더입니다.
테마 빌더 화면의 아래에는 여러가지 버튼 아이콘이 있습니다.
왼쪽은 보기 유형입니다. 레이아웃 보기나 미리 보기로 전환할 수 있습니다.
축소해서 보기, 데스크톱 보기, 태블릿 보기, 모바일 보기가 있습니다.
⬅️모바일 보기에서는 장치별로 해상도가 설정된 프리셋이 많이 있습니다.
Section
최상위 객체는 섹션입니다. 섹션은 다음과 같이 세 가지 중 선택할 수 있습니다.
일반을 선택하게 되면 다음과 같이 여러 형태의 컨테이너를 볼 수 있습니다.
현재 헤더에서는 위 세 번째 형태를 선택했습니다.
특징을 선택하면 아래와 같은 선택 창이 나타납니다.
본문에서 사용하기 좋은 형태입니다. 등색 부분에는 사이드바를 추가하면 됩니다.
꽉찬너비를 선택하면 단일 개체를 여백없이 채워넣을 수 있습니다.
홈페이지 본문
홈페이지 본문에서는 포스트 목록을 사용하였습니다.
Heading 요소를 추가하면 되는데, 방향이라고 번역된 것을 보니 비행기 계기판의 방향(Heading) 표시기를 생각했나 봅니다.🤣🤣🤣🤣🤣