디지털노마드 랜딩페이지 워드프레스 웹사이트 커리어 페이지빌더 홈페이지

워드프레스 페이지 빌더로 홈페이지 쉽게 만들기 – 추천 빌더 종류 비교 정리 (유료, 무료) #비주얼콤포저 #엘레멘토 #사이트오리진 #디비빌더

워드프레스(WordPress) 로 홈페이지를 만들 때 예전에는 기본 에디터와 기본적인 웹프로그래밍 언어 (HTML, CSS) 를 사용해야하는 경우가 많았습니다. 그래서 처음에 워드프레스가 쉽다는 이야기를 듣고 혼자서 홈페이지를 만들려고 하다가 좌절을 하는 경우가 많았습니다.

하지만 페이지 빌더 플러그인이 등장을 하면서 더이상 웹프로그램밍 언어를 이용한 코딩작업을 하지 않고도 초보자들이 직접 페이지를 만들 수 있게 되었습니다. 페이지 빌더는 홈페이지를 만들 때 필요한 페이지나 게시물 (글) 을 작성할 때 이용할 수 있는 도구입니다. 미리 만들어진 페이지 템플릿 (레이아웃)과 제공되는 여러가지 엘리먼트 (위젯) 을 이용해서 드래그앤드랍으로 쉽게 페이지를 제작할 수 있습니다. 특히 모든 페이지 빌더들이 반응형 코드로 이루어져있기 때문에 누구나 PC와 모바일에 둘다에 최적화된 반응형 디자인을 할 수 있습니다.

최근에는 윅스나 아임웹 스타일의 섹션형 프론트엔드 빌더가 출시되면서 더욱더 편리해졌습니다. 그러면 지금부터 어떤 페이지 빌더가 있고, 빌더마다 가진 특징과 장단점을 알아보겠습니다.

 

알고 있으면 쓸모있는 워드프레스 페이지 빌더 플러그인 이야기

워드프레스 테마들은 대부분 특정 페이지 빌더 기반으로 만들어지고 있습니다. 처음 페이지 빌더가 등장했을 때는 아주 많은 빌더가 있었지만, 이내 무료 빌더는 사이트오리진이, 유료 빌더는 비주얼 콤포저가 시장을 장악하게 되었습니다. 특히 유료 테마를 구매할 수 있는 테마포레스트 (themeforest.net) 에서 판매되는 테마의 대부분은 비주얼 콤포저 (Visual Composer) 기반으로 제작이 되었습니다.

이외 이용할 수 있는 유료 빌더에는 엘레강트 테마의 디비 빌더, 비버 빌더, 터미파이 빌더 (Themify Builder) 등이 있었습니다.

2016년 엘레멘토라는 강력한 무료 빌더가 등장하면서 페이지 빌더 시장이 급격히 변하게 되었습니다. 엘레멘토 빌더는 윅스나 아임웹 같이 실제 페이지 화면을 보면서 작업을 하는 방식의 섹션형 프론트엔드 빌더로 사용법이 간단하고 빠른 속도를 제공하는 것은 물론 다양한 기능을 제공하면서 엄청난 주목을 받게 되었습니다.

향후 무료 테마들은 대부분 사이트오리진에서 엘레멘토 기반으로 다시 제작이 되었고, 유료 테마들도 엘레멘토 빌더나 유료버전인 엘레멘토 프로 기반으로 제작이 되기 시작했습니다.

 

1. 비주얼 콤포저 ( WP 베이커리 ) – 유료

워드프레스 페이지 빌더로 홈페이지 쉽게 만들기 - 추천 빌더 종류 비교 정리 (유료, 무료) #비주얼콤포저 #엘레멘토 #사이트오리진 #디비빌더 18

워드프레스 테마를 판매하는 가장 큰 사이트인 테마포레스트에서 판매되는 유료 테마의 대부분이 WP 베이커리에서 제작해서 판매하는 비주얼 콤포저 기반으로 제작이 되었습니다. 대부분의 유료 테마가 이 플러그인과 슬라이더 레볼루션 플러그인을 번들(무료제공) 로 제공해주고 있습니다.

https://wpbakery.com/ 

테마마다 조금씩 커스터마이징이되어 제공되는 기능이나 엘리먼트 (위젯) 에 차이가 있지만 기본적인 사용법은 대부분 동일합니다.

만들어진지 오래되고, 많은 기능을 제공하려다 보니 이 빌더를 사용하면 속도가 다소 느려진다는 단점이 있습니다. 사용법은 간단하고, 익숙해지면 단순한 페이지는 금방금방 뚝딱 만들어 낼 수 있습니다.

아래의 베스트셀러 테마들은 대부분 이 빌더를 사용하고 있습니다.

아바다, 더세븐, 브릿지, 살리언트, 비테마. 플랫섬, 언코드, 뉴스페이퍼, 엔폴드, 쥬피터, 더젬, 에듀마, 솔대드

 

2. 엘레멘토 빌더 (Elementor Builder) – 무료, 유료

워드프레스 페이지 빌더로 홈페이지 쉽게 만들기 - 추천 빌더 종류 비교 정리 (유료, 무료) #비주얼콤포저 #엘레멘토 #사이트오리진 #디비빌더 19

엘레멘토 빌더는 현재 가장 인기 있는 페이지 빌더 플러그인입니다. 무료버전과 유료버전 둘다 있으며, 무료 버전만으로도 충분히 많은 기능과 템플릿, 블록을 제공해줍니다. 예전에는 사이트 오리진 빌더를 이용해서 무료 테마들이 제작이 되었는데, 현재는 대부분 엘레멘토 빌더를 이용해서 제작이 되고 있습니다. 유료 테마 중에서도 이 빌더를 기반으로 제작되는 사례가 많아지고 있습니다.

베스트셀러 유료 테마 중에서 엘레멘토빌더를 지원하는 테마는 다음과 같습니다.

비테마, 쥬피터 X, 더세븐, 브릿지. 솔대드, 에듀마, 더폭스 등입니다.

https://elementor.com/

비주얼 콤포저에 비해 가벼워서 속도가 빠르고, 에러가 많지 않습니다. 비주얼 콤포저에서 미리 정의된 템플릿을 이용하려면 유료 라이선스를 구매해야 하는 반면, 이 빌더는 기본적인 블록과 템플릿을 무료로 제공해주고 있습니다.

사용자 화면을 보면서 편집할 수 있기 때문에 사용법이 직관적이어서 누구나 쉽게 배울 수 있습니다.

엘레멘토를 지원하는 애드온 플러그인들도 많이 있습니다.

 

3. 사이트 오리진 (Site Origin Builder) – 무료, 유료

워드프레스 페이지 빌더로 홈페이지 쉽게 만들기 - 추천 빌더 종류 비교 정리 (유료, 무료) #비주얼콤포저 #엘레멘토 #사이트오리진 #디비빌더 20

사이트 오리진 빌더는 엘레멘토 빌더가 등장하기 전에 가장 인기가 있었던 무료 빌더입니다. 대부분의 무료 테마가 이 빌더로 제작이 되어있었습니다. 사용방법은 비주얼 콤포저와 거의 유사하지만, 인터페이스 UI 가 다소 촌스럽습니다. 기능이나 옵션이 적기 때문에, 복잡한 페이지를 만드는데는 어려움이 있습니다.

https://siteorigin.com/

이 빌더를 지원하는 애드온 플러그인들이 있어서 기능을 추가해서 사용할 수 있습니다.

4. 디비 빌더 (DIVI Builder) – 유료

워드프레스 페이지 빌더로 홈페이지 쉽게 만들기 - 추천 빌더 종류 비교 정리 (유료, 무료) #비주얼콤포저 #엘레멘토 #사이트오리진 #디비빌더 21

디비 빌더는 엘레강트 테마에서 사용되는 빌더입니다. 엘레강트 사이트에서 판매되는 테마들은 이 빌더를 기반으로 제작이 되어있습니다. 엘레강트 사이트는 테마포레스트와 더불어 워드프레스 테마들을 제작해서 판매하는 제작사에서 운영하는 사이트입니다.

https://www.elegantthemes.com/ 

디비빌더로 만들어진 테마들은 전체적으로 그리드형태로 구성되어있고, 가는 선이 주를 이뤄 깔끔한 느낌을 줍니다. 디비 빌더는 행과 열로 구성이 되어있습니다. 빌더는 깔끔한 UI 를 제공해주는데 제공해주는 엘레먼트나 옵션이 비주얼 콤포저에 비해 적은 편입니다. 그 만큼 속도는 빠르고 에러도 적은 편입니다. 웹에이전시를 위한 무제한 라이선스를 제공하기 때문에 국내에서는 웹에이전시들이 많이 이용하는 편입니다.

이 빌더로 만들어진 테마중에 유명한 테마가 블로그, 매거진 테마인 EXTRA 입니다.

5. 비버 빌더 (Beaver Builder) – 유료

테마와 관계없이 독립적으로 설치해서 사용이 되는 페이지 빌더입니다. 기능이나 속도면에서 가장 훌륭하다는 평가를 받고 있는 빌더이지만, 다소 가격이 비싸고, 테마와 별도로 구매를 해야하기때문에 Visual Composer 보다 인지도가 낮습니다. 국내에서는 거의 이용이 되지 않고 있습니다.

 


 

어떤 페이지 빌더가 좋을까요?

저는 제작 작업을 할 때 주로 비주얼 콤포저와 엘레멘토 빌더를 사용합니다. 디자인이 우수하거나 많은 기능을 제공해주는 테마들이 대부분 이 빌더들을 기반으로 제작이 되어 있기 때문입니다.

비주얼 콤포저 같은 경우에는 다소 속도가 느리고 에러가 있는 경우가 있지만, 조금만 손보고, 속도 최적화 작업을 해주면 다른 빌더와 크게 차이가 나지 않습니다. 그리고 현재 가장 익숙한 인터페이스를 제공해주고 있고, 기능도 가장 많은 편입니다.

엘레멘토 빌더는 아직까지 제작된 유료 테마가 많지 않지만, 간단한 랜딩페이지나 원페이지 형태의 홈페이지 제작시에 아주 유용합니다. 디자인이나 제공되는 애니메이션 효과가 우수하고, 최신 자바스크립트 라이브러리를 이용해서 디자인들이 트렌디 합니다. 초보자인 경우 미리 만들어진 블록과 템플릿을 이용해서 빠르게 페이지를 만들 수 있습니다.

워드프레스 교육시 무료 테마를 이용하시고자 하는 경우에 예전에는 사이트오리진을 알려드렸지만 최근에는 엘레멘토 사용법을 안내드리고 있습니다.

워드프레스 홈페이지 유지보수 작업을 하다보면 다른 제작사에서 디비빌더를 이용해서 제작한 사이트를 수정해야 하는 경우가 종종있습니다. 디비 빌더도 디자인이 깔끔하고 사용법이 간단하다는 장점이 있습니다. 하지만 만들어진 테마가 많지 않고, 디자인이 다소 획일적이라는 단점도 있습니다. 무제한 라이선스를 제공하기 때문에 많은 사이트 제작이 필요한 경우에는 비용적인 면에서 이점이 있습니다.

 


 

지금까지 현재 가장 인기 있는 워드프레스 페이지 빌더에 대해서 살펴보았습니다. 워드프레스 페이지 빌더를 잘 이용하면 누구나 쉽게 홈페이지를 제작하거나 운영중인 사이트 수정을 하실 수 있습니다.

Related posts

쇼핑몰 제작 솔루션인 워드프레스 우커머스가 새로운 대시보드, 마케팅, 분석 리포트 기능을 제공하기 시작했습니다. #해외쇼핑몰만들기

스마일보이랩

워드프레스 폰트 변경과 글꼴 크기 (제목, 본문 등) 설정하는 순서와 방법 #홈페이지만들기 #매뉴얼 #WordPress Font

스마일보이랩

테마포레스트 2018년 9월 이 달의 무료 자료 다운로드

스마일보이랩