Divi 테마 - 최고의 다목적 워드프레스 테마

[워드프레스] Elegant Themes의 Divi 테마 둘러보기

단순(Simplicity)하면서도 강력(Power)한 Divi 테마

Divi는 많은 면에서 훌륭한 테마입니다. Divi는 굉장한 그래픽과 강력한 페이지 빌더를 결합하여 최고의 다목적 테마 중 하나라는 타이틀을 가지고 있을 정도로 인기와 인지도가 있다고 합니다. Elegant Themes의 Divi 3.0은 강력함(Power)과 단순함(Simplicity)를 함께 제공하여 강력하면서도 유연한 방식으로 원하는 사이트를 제작할 수 있도록 지원합니다.

Elegant Themes는 Personal, Developer, Lifetime Access 등 세 가지 라이선스를 제공하고, 모든 라이선스에서 라이선스 기간 동안(Personal, Developer는 1년, Lifetime Access는 평생) 모든 테마를 사이트에 제한 없이 사용이 가능합니다. 현재 37만 명 이상의 고객이 이용하고 있다고 홈페이지에 나와 있네요.

몇 달 전에 Elegant Themes의 테마를 사용해볼 기회가 있었습니다. 그 때 Nexus라는 테마를 가지고 커스터마이징했는데 Elegant Themes의 테마들은 자체적으로 독특한 테마 옵션을 제공합니다. 현재 87가지 테마 중에서 사용이 가능하네요. (이 글의 아래 부분에서 “Divi 테마 간단 사용기”를 살펴볼 수 있습니다. 그리고 이 글에서는 “Extra 테마 간단 사용기”에 대해서도 살펴볼 수 있습니다.)

아래 그림은 Elegant Themes의 대표적인 테마인 Divi 테마의 데모를 보여줍니다.

Divi 테마 데모

Divi는 모든 경우에 적합한 최고의 다목적 테마(Ultimate Multi-Purpose Theme)로 Divi Builder라는 자체 페이지 빌더를 사용합니다. 아래 동영상은 Elegnatthemes에서 만든 Divi 테마와 Divi Builder에 대한 짧은 YouTube 동영상입니다.

참고로 Divi와 Extra 테마에는 Divi Builder가 자체적으로 내장되어 있습니다. Developer와 Lifetime 플랜에 가입하면 Divi Builder를 단독 플러그인으로 설치하여 다른 모든 테마에서도 Divi Builder를 사용할 수 있다고 합니다. (Personal 플랜에서는 Divi와 Extra 외의 테마에서는 Divi Builder를 사용할 수 없는 것 같습니다.)

Divi는 사용자들이 인터페이스나 문서를 만들면서 최종 결과물을 볼 수 있도록 편리한 위지위그(WYSIWYG)* 방식의 편집기를 제공합니다. 예: 아코디언(Accordion), Call To Action, 가격표(단가표; Pricing Table), 컨택트 폼(Contact Form) 외 다수. (* 참고: 위지위그(WYSIWYG: What You See Is What You Get, “보는 대로 얻는다”)란 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 일컫는 것으로, 위의 동영상을 보면 Divi Builder로 문서 편집하듯이 쉽게 편집할 수 있는 것 같습니다.)

Divi에는 20가지 이상의 레이아웃 템플릿이 탑재되어 있습니다. 템플릿을 로드하여 컨텐츠를 바꾸어서 사용할 수 있습니다.  자체적으로 미리 만든 Divi Layout을 Divi Library에 저장했다가 나중에 다시 사용할 수 있습니다.

Extra - 워드프레스 테마

Extra는 블로거와 온라인 출판(online-publication)에 이상적인 테마로서 다양한 카테고리, 홈페이지, 스토리 기반의 포스트를 만들 수 있는 최고의 유연성을 제공한다고 소개되어 있네요. 매거진(잡지)이나 정보 제공 중심의 블로그에 적합한 것 같습니다.

호환성

Elegant Themes의 모든 테마는 다국어 플러그인이 WPML과 완전히 호환된다고 합니다. 참고로 아바다, Enfold 등 대부분의 인기 유료 테마에서도 WPML과의 호환성을 명시할 정도로 WPML은 다국어 사이트 구축에 널리 사용되는 유명한 플러그인입니다(“다국어 번역 플러그인 WPML 버전 비교” 참고).

그리고 우커머스(WooCommerce)의 경우 다음 테마들과의 호환성만을 보장한다고 하네요.

  • Divi
  • Extra
  • Style Shop
  • Foxy
  • Harmony

다른 Elegant Themes 테마에서도 우커머스를 설치할 수는 있지만 작동 여부는 위의 테마들만 보장합니다. 참고로 대부분의 테마에서는 WPML, WooCommerce 이외의 개별 플러그인에 대해서는 호환성 여부를 명시하지 않고 보장하지 않습니다. Elegant Themes도 마찬가지입니다. 예를 들어, bbPress나 BuddyPress를 설치하여 사용할 수 있지만 완전한 작동 여부에 대해서는 보장하지 않는다고 합니다.

마치며

테마 사용법을 제대로 익힌다면, 특히 웹 에이전시의 경우, Themeforest에서 개별적으로 테마를 구입하는 것보다 훨씬 경제적이고 효율적일 것 같습니다.


추가 – Divi 테마 간단 사용기

Divi 테마를 설치하여 잠시 테스트를 해보았습니다. 처음 설치를 하니까 다른 유료 테마를 설치할 때와 같이 썰렁하네요. Divi는 일반 테마의 데모처럼 다양한 Premade Layout을 제공합니다. 가령 다음과 같은 미리 만들어진 레이아웃을 이용할 수 있습니다.

Divi에서는 Divi 빌더에서 사전 구성된 레이아웃을 불러올 수 있습니다.

Divi에서는 Divi 빌더에서 사전 구성된 레이아웃을 불러올 수 있습니다.

Divi에서는 약 30가지의 사전 구성된 레이아웃을 제공합니다.

Divi에서는 약 30가지의 사전 구성된 레이아웃을 제공합니다.

내용을 수정하려는 경우 “시각 빌더“를 사용하면 실제로 레이아웃을 보면서 수정이 가능한 형태로 바뀝니다.

Divi의 시각 빌더

그리고 Divi에서는 테마 옵션이 모두 한글로 번역되어 있습니다. 아바다Enfold 등 대부분의 인기 테마에서도 한글화 부분이 미흡한 점과 비교가 되는 것 같습니다.

Divi의 테마 옵션은 대부분 한글화가 이루어져 있습니다.

Divi의 테마 옵션은 대부분 한글화가 이루어져 있습니다.

그리고 bbPress, Kboard 등 몇 가지 플러그인을 설치해보니 별 문제 없이 잘 작동하네요. 장단점을 파악하기에는 만져본 시간이 짧지만 우선 시각적으로는 Divi에서 채택하고 있는 페이지 빌더에서는 쉽게 사전 구성된 레이아웃을 로드할 수 있고 시각적으로 레이아웃을 확인하면서 편집할 수 있어서 괜찮은 것 같습니다. 그리고 한국이 작은 규모의 시장이지만 테마 UI가 한글화가 거의 대부분 이루어졌다는 것도 인상적인 것 같습니다.

Divi 데모

위의 그림과 같은 사전 구성된 레이아웃 중 하나(“Company“)를 로드한 후에 속도 테스트를 해보니 캐시 플러그인이 설치되지 않은 경우에는 2.35초, 캐시 플러그인(WP Fastest Cache)을 설치한 후에는 약 0.5초 정도의 로딩속도가 나오네요. 테스트는 저가형 해외 호스팅인 iPage의 Essential 플랜을 사용하는 웹호스팅 서버에서 진행했습니다.

속도가 조금 빠르게 나온 이유는 데모만 올린 상태에서 그림 등의 컨텐츠가 제대로 올라가지 않아서인 것 같습니다. 그림 등을 제대로 올리게 되면 실제 속도는 달라질 수 있습니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.