워드프레스 Elementor 페이지 빌더의 블록과 페이지 템플릿 사용하기
무료로 제공되는 Elementor 페이지 빌더 유료 페이지 빌더 못지 않은 다양한 기능으로 많은 사용자를 확보하고 있는 플러그인입니다. 페이지 빌더를 사용하면 사이트 속도가 느려질 수 있지만, Elementor는 비교적 빠른 속도를 보이는 것 같습니다.
최근 더욱 수월하게 사이트를 만들 수 있도록 Elementor에 블록(Block)이 도입되었습니다.
Elementor 라이브러리에서 Block과 Page를 이용할 수 있습니다. 아바다(Avada), 엔폴드(Enfold) 등에서 제공하는 데모의 경우 사이트 전체 설정에 적용되므로 데모를 올리면 사이트 전체에 영향을 미치지만 Elementor의 페이지 템플릿은 해당 페이지에만 적용됩니다.
참고로 Elementor 무료 버전에서는 제한적인 엘리먼트와 템플릿이 제공됩니다. Element Pack 같은 플러그인을 활용하면 110가지 이상의 엘리먼트를 추가로 이용할 수 있습니다.
엘리멘터 프로의 경우 테마 빌더를 사용하여 헤더부터 푸터까지 사이트의 모든 섹션을 워드프레스 알림판 내에서 커스텀이 가능합니다. 아바다 테마와 Divi 테마 등 일부 인기 테마에서도 전체 사이트 편집 기능을 제공합니다. 자세한 내용은 “전체 사이트 편집 기능을 제공하는 워드프레스 테마와 플러그인“을 참고해보세요.
Elementor 페이지 빌더에서 블록(Block) 이용하기
엘리멘터에서 템플릿을 로드하려면 엘리멘터 계정을 연결하도록 업데이트되었습니다. PRO로 표시된 템플릿은 PRO 라이선스를 연결해야 이용할 수 있습니다. 워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드)를 참고해보세요.
페이지에 블록을 추가하려면 페이지 편집 화면에서 Add Template을 클릭합니다.
참고: 버전 2.1 이상에서는 UI가 변경되었습니다. + 기호 옆의 Add Template(템플릿 추가) 버튼을 클릭합니다.
그러면 Library(라이브러리) 화면이 팝업으로 표시됩니다.
Blocks를 선택하면 다양한 블록이 표시됩니다. 정확히 몇 개가 있는지 세어보지 않았지만 처음 도입 당시 235개 이상의 블록을 이용할 수 있다고 나와 있네요.
원하는 블록을 선택하여 추가할 수 있습니다. Grid Gallery Slide라는 블록을 선택해보았습니다. 그러면 다음과 같이 미리보기 화면이 표시됩니다.
Insert(삽입)를 클릭하면 페이지의 특정 블록에 적용됩니다. Back to Library(라이브러리로 돌아가기)를 클릭하면 라이브러리 화면으로 돌아가게 됩니다.
블록을 추가한 후에 수정하거나 새로운 블록을 만든 후에 라이브러리에 저장하여 재활용할 수 있습니다.
Elementor 페이지 빌더에서 페이지(Page) 템플릿 이용하기
Elementor에는 사전 구성된 페이지 템플릿(이하 “페이지 템플릿” 또는 “템플릿”)이 제공됩니다. 사용 방법은 위에서 설명한 블록과 동일합니다. 현재 제공되는 페이지 템플릿을 세어 보니 거의 140개에 달하네요.
Library(라이브러리) 화면에서 Pages 탭을 클릭하면 다음과 같이 사전 제작된 페이지 템플릿이 표시됩니다.
PRO로 표시된 템플릿은 유료 버전에서 이용할 수 있습니다. 무료로 이용할 수 있는 템플릿도 전반적으로 품질이 괜찮게 보이네요. Elementor에서 제공하는 템플릿은 Divi 테마의 레이아웃(Layout)과 기능이 비슷한 것 같습니다.
새로운 페이지 빌더 Brizy – 엘리멘터의 대안?
Brizy는 비교적 최근에 만들어진 워드프레스 페이지 빌더로 엘리멘터에 비해 사용자 수가 적고 인지도가 많이 떨어지지만 사용 편의성 등을 내세워 인기를 얻고 있습니다. 엘리멘터와 비슷하게 사전 구성된 블록 (템플릿)을 제공하고 유료 버전의 경우 엘리멘터에 비해 저렴하고 평생 (라이프타임) 플랜도 제공하고 있습니다.
엘리멘터의 대안을 찾고 있다면 테스트해볼 수 있을 것입니다. 이 페이지 빌더도 무료 버전과 유료 버전으로 제공되며, 무료 버전에서도 사전 구성된 블록 중 일부를 이용할 수 있습니다.
마치며
이 블로그를 시작할 당시에 무료로 이용할 수 있는 괜찮은 페이지 빌더가 거의 없었습니다. 이제는 Elementor와 같은 괜찮은 무료 플러그인이 많아진 것 같습니다.
Elementor에서 제공되는 미리 구성된 블록과 템플릿을 활용하면 보다 수월하게 사이트를 만들 수 있습니다. 무료 버전으로도 웬만한 사이트를 만들 수 있지만, 매거진 형식으로 글을 뿌려주는 요소(Element) 등 보다 정교한 기능은 Pro 버전에서 제공됩니다.
조만간 워드프레스 5.0가 릴리스될 예정입니다. 워드프레스 5.0에서는 Gutenberg 에디터가 통합됩니다. 어마 일부 플러그인과 테마는 Gutenberg와 충돌을 일으킬 것으로 예상됩니다. Elementor는 2.0으로 업데이트되면서 Gutenberg와 완벽히 호환된다고 하네요(The new version of Elementor will be completely compatible with Gutenberg).
요즘 출시되는 많은 유료 테마에 비주얼 컴포저가 탑재되어 나오지만, 비컴은 그리 좋은 페이지 빌더가 아닙니다(“워드프레스 페이지 빌더의 장점과 단점” 참고). 비교적 빠른 페이지 빌더를 찾고 있다면 Elementor를 테스트해볼 수 있습니다.