워드프레스 엘리멘터 플러그인(페이지 빌더) 특성 이해하기
워드프레스 엘리멘터 플러그인은 코딩 지식이 없어도 멋진 웹사이트 디자인을 가능하게 만들 수 있으므로 처음 워드프레스로 홈페이지를 구축하는 데 도움을 줍니다. 이러한 엘리멘터 페이지 빌더 특성을 이해하고 활용할 수만 있다면 혼자서 워드프레스 홈페이지 만들기가 가능하죠.
본래 테마나 플러그인 관련 기사는 별도 게시판을 활용하지만 엘리멘터 플러그인과 같이 핵심 기능을 제공하는 요소는 특성을 설명하기 위해 별도의 칼럼을 준비했습니다.
드래그 앤드 드롭 방식, 워드프레스 엘리멘터 페이지 빌더
워드프레스 핵심 플러그인 가이드
드래그 앤드 드롭 방식이란 간단하게 설명하면 마우스로 코딩에 필요한 요소를 끌어다 놓으면서 원하는 디자인이 가능한 방식을 의미합니다. 그래서 drag-and-drop 코딩은 엘리멘터 플러그인의 대표적인 특성이라 할 수 있죠.
물론 워드프레스 페이지 빌더가 엘리멘터만 있는 건 아니에요, 비버빌더, 비주얼컴포저 등 다양한 플러그인이 존재하지만, 사용법이나 무료 버전으로 활용할 수 있는 기능, 디자인 편의성까지 고려할 때 저는 엘리멘터를 추천하고 있습니다.
글 서두에서 개인적인 의견 한 가지를 전달하자면 워드프레스 디자인에서 페이지 빌더를 사용하는 게 좋지 않다는 정보는 사실 기존 코딩 방식을 고집하는 사람이 페이지 빌더의 단점만을 부각하면서 주장하는 것이며 단점보다는 장점이 더 많다는 걸 이 글에서 설명하려고 합니다.
Elementor 특성과 사용 가이드
엘리멘터 플러그인은 앞서 이야기한 것처럼 드래그 앤드 드롭 방식으로 작동합니다. 따라서 여러분이 프로그래밍 관련 지식이 없어도 Elementor page builder만 잘 사용할 수 있고 웹디자인에 대한 기본적인 지식을 쌓아간다면 전문 코딩 프로그래머를 능가하는 웹 제작자가 될 수 있습니다.
워드프레스는 엘리멘터 플러그인 하나로 홈페이지는 물론, 쇼핑몰, 커뮤니티 사이트, 뉴스룸 등 멀티 사이트 구축이 가능합니다.
Elementor page builder는 유료와 프로로 구분되고, 처음 시작하는 사람에게 Elementor pro 기능이 꼭 필요하다는 데 저는 동의하지 않습니다. 하지만 특정 기능이 필요한 웹사이트 디자인에는 저도 가끔 pro 버전을 사용하기도 하는데, 될 수 있으면 엘리멘터 프로는 워드프레스에 설치하지 않습니다.
그 이유는 웹사이트 속도 저하가 무료와 다르게 느껴지기 때문입니다.
따라서 프로 버전은 커스텀 포스팅 디자인이 필요한 경우, 섹션 편집에서 스크롤과 스티키 사용이 꼭 필요한 디자인이 아니라면 사용하지 않는 걸 추천합니다.
엘리멘터 무료 버전은 플러그인 추가하기를 통해 워드프레스 자체에서 설치할 수 있으며, 프로 기능을 사용하려면 Elementor page builder 웹사이트에 회원 가입 >> 결제 >> 워드프레스에 업로드 방식으로 이용합니다.
테마 호환성 확인 후 사용해야 하는 워드프레스 엘리멘터
엘리멘터 페이지 빌더는 테마를 먼저 선택한 후 사용해야 합니다. 워드프레스 테마는 페이지 빌더에 따라 호환되지 않는 경우가 많지만, 현재 호환성이 가장 좋은 워드프레스 페이지 빌더라 엘리멘터 플러그인이니 테마를 선택하는 데 크게 장해가 되지는 않을 것입니다.
워드프레스 엘리멘터 플러그인과 호환되는 테마 중 추천하고 싶은 건, ocean WP 테마입니다. 현재 해당 웹사이트 테마이기도 하며 속도 반응이 좋은 테마이며 엘리멘터 추가 위젯을 제공하는 유료 테마를 사용한다면 더 다양한 형식의 웹사이트 디자인이 가능하죠.
테마와 엘리멘터 호환성을 확인하는 건 어렵지 않습니다. 테마 버전 설명에서 Elementor page builder 글자만 확인된다면 호환되는 테마라고 볼 수 있습니다.
엘리멘터 페이지 빌더의 기능 “위젯"
모든 엘리멘터 플러그인은 위젯을 드래그 앤드 드롭 방식으로 작동됩니다. 위젯은 세부적인 커스텀이 가능하며, 각각의 위젯 요소에 따라 디자인하는 방식이 다르지만 주로 사용하는 위젯 디자인이 익숙해지면 원리가 이해되기 때문에 처음 사용하는 위젯도 커스텀 과정에서 큰 어려움은 없습니다.
기본적으로 제공되는 무료 엘리멘터 위젯은 기본 10개와 일반 21개 총 31개의 디자인 요소를 제공하는데요, 프로의 경우 추가로 최대 82개의 추가 위젯을 지원합니다.
실제 8년 차 워드프레스에서 엘리멘터 플러그인을 사용하고 있는 필자도 이 모든 기능을 다 사용하지 않으니, 참고로 알아두고 시간이 날 때 자신의 웹사이트에 적용할 수 있는 방법을 생각해 보는 것도 나쁘지 않을 것입니다.
위젯 사용에 대한 개별적인 정보는 본사 홈페이지 제작 정보 게시판을 통해 업데이트 예정이니 참고 바랍니다.
워드프레스 엘리멘터 지원 템플릿 활용하기
저는 개인적으로 워드프레스 디자인과 엘리멘터 플러그인 적응을 위해서는 디자인 초기에 엘리멘터가 지원하고 있는 템플릿을 활용하는 걸 추천하는데요, 유료(pro) 버전에 해당하는 템플릿이 대부분이지만 기초적인 블록 템플릿은 무료 버전으로도 활용할 수 있습니다.
템플릿을 페이지에 설치하고 위젯 요소 하나하나를 한글로 변경하고 이미지를 교체하는 것으로 워드프레스 엘리멘터 사용을 시작하는 것이죠.
이렇게 하나하나의 블록을 만들어 가는 게 워드프레스 디자인의 시작입니다.
따라서 여러분이 엘리멘터 페이지 빌더를 활용해 워드프레스 웹사이트를 구축하는 데 가장 큰 도움을 주는 건, 엘리멘터 내장 템플릿을 활용하는 것입니다.
의견
워드프레스 웹사이트 구축 과정에서 엘리멘터 플러그인 사용은 절대 손해가 아닙니다. 물론 플러그인을 최소화하고 페이지 빌더 없이 프로그래밍할 수 있는 수준이라면 다를 수 있지만 그게 아니라면 코딩 지식을 쌓는 것보다 엘리멘터 페이지 빌더 전문가가 되는 게 워드프레스 웹사이트 디자인을 더 효율적으로 할 수 있습니다.
또한 프로그래밍 지식이 많다고 해서 웹디자인을 잘하는 것 과는 전혀 관계가 없다는 것을 알아야 합니다. 그런 면에서는 다양한 위젯을 활용할 수 있고, 더 많은 벤치 마킹을 통해 창조적인 웹디자인을 할 수 있다면 그것이 옳은 방법이 아닐까, 생각합니다.
오늘은 워드프레스 필수 플러그인 Elementor page builder에 관해 정리해 드렸습니다.
이것에 관심이 있거나 현재 사용 중인데 궁금한 부분이 생기면 관련 포스팅 댓글, 혹은 OMG DESIGN 전화 카톡을 통해 문의해도 좋습니다.
2024.01.09
에디터 – 민서인
