워드프레스 인기 테마 중 하나인 Divi 테마는 10년 동안 판매 1위를 기록하고 있는 베스트셀링 Avada 테마와 비슷한 판매량을 자랑하는 다목적 워드프레스 테마입니다. 디비 테마는 심플하면서도 강력한 기능을 제공하는 것으로 평가되고 있으며, 지난 몇 년 사이에 편의 기능을 많이 보강하여 초보자도 사전 제작된 레이아웃 디자인과 테마 빌더(Theme Builder) 등을 사용하여 쉽게 사이트를 만들 수 있도록 지원하고 있습니다. (테마 빌더 기능은 엘리멘터 프로에서도 지원합니다. 엘리멘터보다 Divi가 먼저 테마 빌더 기능을 도입했습니다.)
레이아웃은 페이지 레벨에서 로드하여 사용할 수 있어 랜딩 페이지 제작에 특히 유용합니다. 레이아웃 팩과 별도로 Divi 테마 개발사인 Elegant Themes는 Divi Quick Sites 툴을 도입하여 아바다 등의 데모와 유사하게 사이트 레벨에서 스타터 사이트 템플릿을 적용할 수 있도록 기능을 추가했습니다.
워드프레스 Divi 테마: 패션용 스타터 사이트 (Starter Site For Fashion) 템플릿 공개
Divi 테마의 레이아웃(Layout)은 각 페이지에서 불러와 사용할 수 있어 랜딩 페이지 제작에 효과적입니다. 이에 반해 최근에 새로 선보인 스타터 사이트(Starter Site)는 사이트 전체에 적용되어 아바다, 뉴스페이퍼 등의 테마에서 제공하는 데모(또는 사전에 제작된 웹사이트 템플릿)와 유사합니다. 스타터 사이트 템플릿을 사용하면 헤더, 푸터, 페이지, 포스트, 카테고리 페이지 등이 사전에 설정된 템플릿으로 구성되어 웹사이트 제작 과정이 훨씬 간편해집니다.
Divi는 거의 매주 새로운 레이아웃 팩을 추가해 왔지만 스타터 사이트 도입 후에는 레이아웃 팩을 스타터 사이트 템플릿으로 변환하는 작업을 진행하고 있는 것 같습니다. 현재 Divi 테마에는 343개의 레이아웃 팩(총 2503개의 레이아웃 페이지)이 등록되어 있습니다.
스타터 사이트는 현재 26개가 등록되어 있으며 계속 추가되고 있습니다.
패션용 스타터 사이트 (Starter Site For Fashion) 템플릿 추가
최근에는 패션용 스타터 사이트(Starter Site For Fashion)가 추가되었습니다.
전반적으로 깔끔하게 디자인되어 패션 분야뿐만 아니라 다양한 비즈니스 사이트에 활용할 수 있을 것 같습니다.
스타터 사이트 로드하기
스타터 사이트를 로드하기 전에 먼저 백업을 실시하면 좋을 것 같습니다. 워드프레스에서는 다양한 방법으로 백업할 수 있습니다. 서버 공간이 충분하다면 UpdraftPlus와 같은 플러그인으로 백업할 수 있습니다.
Divi용 스타터 사이트 템플릿을 임포트하려면 워드프레스 알림판 » Divi » Dashboard로 이동하여 Divi Quick Sites의 Generate A New Site (신규 사이트 생성하기) 버튼을 누릅니다.
미리 만들어진 스타터 사이트를 로드할지, 아니면 인공지능(AI)으로 사이트를 새로 생성할지를 선택하는 화면이 표시됩니다.
인공지능을 사용하여 사이트를 만들려면 Divi AI라는 별도의 상품에 가입되어 있어야 합니다. 워드프레스 테마와 플러그인 중에서 Divi 테마는 AI 기능을 가장 먼저 도입했습니다.
Use Pre-Made Starter Site (사전 제작된 스타터 사이트 사용) 박스의 Select a Website Template (웹 사이트 템플릿 선택) 버튼을 클릭합니다.
Choose A Starter Site(스타터 사이트 선택) 화면이 표시됩니다.
스타터 사이트 템플릿은 며칠에 한 개씩 추가되고 있는 것 같습니다. 맨 아래로 스크롤하면 가장 최근에 추가된 사이트 템플릿을 확인할 수 있습니다.
Fasion(패션) 스타터 사이트를 선택하여 임포트해보겠습니다. Fashion 스타터 사이트 썸네일 위에 마우스를 올립니다.
Start With Fashion(패션으로 시작하기)과 Preview Fashion(패션 미리 보기) 버튼이 나타납니다.
Preview Fashion을 클릭하여 사이트 템플릿을 미리 볼 수 있습니다.
해당 템플릿을 사용하려면 Start With Fashion을 클릭합니다.
스타터 사이트 빌드가 시작되며 잠시 기다리면 작업이 완료됩니다.
사이트 빌드가 완료되면 Your Site Is Ready!(사이트가 준비되었습니다) 화면이 나타납니다.
Divi » Theme Builder로 이동하면 각 섹션별로 템플릿이 로드되어 있는 것을 볼 수 있습니다.
이제 각 페이지를 편집하고 테마 빌더에서 각 섹션(헤더, 푸터, 포스트 템플릿 등) 등의 템플릿을 수정하여 사이트를 만들 수 있습니다.
Avada(아바다), Newspaper(뉴스페이퍼) 등 테마포레스트 테마는 1개 사이트에만 적용할 수 있지만 Elegant Themes의 Divi 테마는 라이선스 기간(요금제에 따라 1년 또는 평생) 동안 사이트 개수에 구애받지 않고 무제한 사이트에 설치가 가능합니다. 또한, 레이아웃을 로드할 때 삽입되는 이미지를 상업용 프로젝트와 비상업용 프로젝트 모두에 이용할 수 있습니다. 자세한 정보는 Divi 테마 홈페이지를 참고해 보세요.
참고
https://avada.tistory.com/2897
https://avada.tistory.com/3011
https://avada.tistory.com/2335