앞으로 진행 될 Divi 200% 활용해 보기를 위해 우선은 Divi와 친해져 보는 시간을 가져 보았습니다.
요즘은 대부분의 분들이 여러 테마를 접하면서 페이지 빌더를 접해 보셨을 텐데요, Divi도 자체 빌더인 Divi Builder 를 제공하고 있습니다. 빌더의 사용법은 여타 페이지 빌더와 거의 유사하니 몇 번 만져 보시면 후다닥~ 익숙해 지시겠죠?
저의 이야기
Divi 를 커스터마이징 하는 재미를 느껴보려면 우선 Divi에 대해서 알아야 겠지요?!
이 번에는 Divi의 설치해 보고, 만져 보고, 뜯어 보는 시간을 가져보겠습니다.
Divi 설치(Upload) 하기( 제가 올려 드렸으니 깔끔하게 패애애스~)
제가 올려드렸으니 깔끔하게 패애애쓰~!! (일반 테마와 또오오옥 같습니다) – 실습계정에 올려드림.
Child Theme 만들기
- 기본적으로는 워드프레스의 child theme 만드는 방식과 동일합니다.
- 온라인 빌더를 통해서 내려받아 사용하셔도 되구요.
- 공개된 child theme 중에 내려받아서 사용해도 됩니다.(무료 / 유료 구분)
- 그 밖의 무료 Divi 자료들
Divi 관련 정보 모음
- 공식 사이트: https://www.elegantthemes.com/blog/category/divi-resources
- http://www.divithemeexamples.com/ https://divi.space/ https://divicake.com/ 등등 겁나 많음. 여러분이 찾으신 사이트들도 아래에 추가해 주세요 🙂
테마 기본 설정 살펴보기
Divi는 다른 다목적 테마에 비해 설정 부가 꽤 간결한 편입니다. (그럼에도 불구하고 무지 많음;;) 테마의 특성상 아주 기본적인 설정들을 제공하고 나머지는 하나 하나 직접 해결하는 방식이죠.
하지만 기본적인 것들은 모두 제공 하고 있으며, Theme Customize, Module Customizer를 통해서 실시간으로 눈으로 확인하며 설정 적용이 가능하니 걱정 안해도 되겠지요.
Divi Builder 살펴보기
- 관리자 화면 활용
- 여타 페이지 빌더들과 유사한 환경을 가지고 있습니다. Row 와 Column 개념을 활용하여 화면을 분할하고 그 안에 원하는 요소(element)를 넣어 화면을 구성합니다.
- 기본으로 들어가 있는 모듈들은 그렇게 많진 않지만, 구글링을 통해 유/무료 모듈(plugins)을 많이 찾을 수 있습니다.
- 워드프레스 공식 플러그인 사이트에도 divi 관련 플러그인들이 상당 수 있더군요. 오호라~ GPL 짱이로세~
- 비주얼 에디터 활용
- 비주얼 에디터는 특성 상 무거울 수 밖에 없는데요, 하지만 변경 내용을 바로 바로 확인할 수 있는 장점을 생각하면 바쁠때는 꼭 필요한 기능입니다.
- 기본 1차 작업은 관리자 화면을 활용해서 빠르게 레이아웃과 기본 요소들을 넣어 두고, 시각적으로 확인해야 할 것들을 비주얼 에디터로 활용하면 좋겠네요.
- 라이브러리 활용
- Divi는 레이아웃이 상당히 활성화 되어 있는 테마입니다. 유료도 있을지 모르지만 대부분 무료이니 잘 찾아서 활용하면 뚝딱 뚝딱 금새 페이지를 만들 수 있지요.
- 외부에서 내려받은 레이아웃 뿐 아니라, 내가 만든 레이아웃을 저장해 놓고 여기 저기 막 쓰는 것도 가능합니다. 유사한 레이아웃의 페이지가 많을 때 유용하겠지요?
- 물론 이 사이트에서 내가 만들었던 레이아웃을 내보내기 해서 다른 사이트에서도 가져다 쓸 수 있으니 오~~ 따봉~!
여러분의 이야기
이제 여러분의 이야기를 함께 나눠 볼 시간입니다. Divi를 살펴보면서 인상적이었던 내용(기능) 이나, 궁금했던 점이 있으시면 함께 풀어놓고 나누어 봅시다~!
아래는 스터디 진행 화면을 녹화한 영상입니다. 너무 멀거나 바빠서 참여하지 못한 분들을 위한 보너스~
엄지척 눌러주시고~ 댓글은 언제나 환영입니다~!