워드프레스 Elementor 페이지 빌더의 블록과 페이지 템플릿 사용하기

4

무료로 제공되는 페이지 빌더인 Elementor는 유료 페이지 빌더 못지 않은 다양한 기능으로 많은 사용자를 확보하고 있는 플러그인입니다. 페이지 빌더를 사용하면 사이트 속도가 느려질 수 있지만, Elementor는 비교적 빠른 속도를 보이는 것 같습니다.

최근 더욱 수월하게 사이트를 만들 수 있도록 Elementor에 블록(Block)이 도입되었습니다.

Elementor 라이브러리에서 Block과 Page를 이용할 수 있습니다. 아바다(Avada), 엔폴드(Enfold) 등에서 제공하는 데모의 경우 사이트 전체 설정에 적용되므로 데모를 올리면 사이트 전체에 영향을 미치지만 Elementor의 페이지 템플릿은 해당 페이지에만 적용됩니다.

참고로 Elementor 무료 버전에서는 제한적인 엘리먼트와 템플릿이 제공됩니다. Element Pack 같은 플러그인을 활용하면 110가지 이상의 엘리먼트를 추가로 이용할 수 있습니다.

Elementor 페이지 빌더에서 블록(Block) 이용하기

페이지에 블록을 추가하려면 페이지 편집 화면에서 Add Template을 클릭합니다.

워드프레스 Elementor 페이지 빌더

참고: 버전 2.1 이상에서는 UI가 변경되었습니다. + 기호 옆의 Add Template(템플릿 추가) 버튼을 클릭합니다.

워드프레스 Elementor 페이지 빌더

그러면 Library(라이브러리) 화면이 팝업으로 표시됩니다.

워드프레스 Elementor 페이지 빌더

Blocks를 선택하면 다양한 블록이 표시됩니다. 정확히 몇 개가 있는지 세어보지 않았지만 처음 도입 당시 235개 이상의 블록을 이용할 수 있다고 나와 있네요.

원하는 블록을 선택하여 추가할 수 있습니다. Grid Gallery Slide라는 블록을 선택해보았습니다. 그러면 다음과 같이 미리보기 화면이 표시됩니다.

워드프레스 Elementor 페이지 빌더

Insert(삽입)를 클릭하면 페이지의 특정 블록에 적용됩니다. Back to Library(라이브러리로 돌아가기)를 클릭하면 라이브러리 화면으로 돌아가게 됩니다.

워드프레스 Elementor 페이지 빌더

블록을 추가한 후에 수정하거나 새로운 블록을 만든 후에 라이브러리에 저장하여 재활용할 수 있습니다.

워드프레스 Elementor 페이지 빌더

Elementor 페이지 빌더에서 페이지(Page) 템플릿 이용하기

Elementor에는 사전 구성된 페이지 템플릿(이하 "페이지 템플릿" 또는 "템플릿")이 제공됩니다. 사용 방법은 위에서 설명한 블록과 동일합니다. 현재 제공되는 페이지 템플릿을 세어 보니 거의 140개에 달하네요.

Library(라이브러리) 화면에서 Pages 탭을 클릭하면 다음과 같이 사전 제작된 페이지 템플릿이 표시됩니다.

Elementor 페이지 빌더에서 페이지 템플릿 이용하기

PRO로 표시된 템플릿은 유료 버전에서 이용할 수 있습니다. 무료로 이용할 수 있는 템플릿도 전반적으로 품질이 괜찮게 보이네요. Elementor에서 제공하는 템플릿은 Divi 테마의 레이아웃(Layout)과 기능이 비슷한 것 같습니다.

마치며

이 블로그를 시작할 당시에 무료로 이용할 수 있는 괜찮은 페이지 빌더가 거의 없었습니다. 이제는 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를 테스트해볼 수 있습니다.

4 개 댓글

    • 안녕하세요?

      이 부분에 대해 조금 검색해보니 무료 템플릿을 상업용에 사용하는 것을 제한한다는 내용은 발견하지 못했습니다.
      다만 무료든 유료든 Resell하거나 Hosting하는 것은 허용하지 않는다고 하네요.

      Elementor 개발자에게 문의하면 확실한 답변을 들을 수 있을 것 같습니다.

  1. 혹시 블럭만 남아있고 페이지빌더에 템플릿이 사라졌는데 블럭에 남아있는 소스로 템플릿을 다시 살릴수 있을까요?

    • 안녕하세요?

      블로그를 방문해주셔서 감사합니다.
      정확한 상황을 몰라서 답변을 드릴 수가 없네요.

      스크린샷을 만들어서 조금 더 자세히 설명해주시면 상황을 이해하는 데 도움이 될 것 같습니다.
      도움이 못 되어 죄송합니다.

댓글 남기기

댓글을 입력해주세요!
이름을 입력해주세요