워드프레스 강의 엘리멘터 디자인 실무 세팅 하는 방법

약속한 바와 같이 오늘은 워드프레스 강의 엘리멘터 디자인 편 첫 번째 시간입니다. 이전 전체 개요를 정리해 드렸다면 이제부터는 꼭 필요한 실무 지식을 전달해 드릴텐데요. 먼저 엘리멘터 페이지 빌더를 초기에 어떻게 설정해야 하는 것인지 알려 드리는 것으로 첫 시간을 준비했습니다.

수 많은 워드프레스 관련 강의에서 잘 다루지 않았던 내용이나 세팅법을 전해 드릴테니 기초적인 부분들은 관련 유튜브나 웹문서를 함께 확인하면서 오엠지 디자인 정보를 참고하시기 바랍니다.

 

워드프레스 강의 엘리멘터 페이지 빌더 세팅하기

엘리멘터, 혹은 엘리멘토 등 무엇으로 불리는 동일한 플러그인이며, 용도는 워드프레스 디자인 편집 기능을 제공합니다. 앞서 게시했던 블록 에디터와 엘리멘터는 초보자가 워드프레스 강의를 통해 가장 많이 접하는 디자인 툴이기 때문에 함께 공부하시면 더 효과적이란 것도 참고하세요.



우선 엘리멘터 무료 버전을 워드프레스 내장 플러그인 검색으로 설치합니다.

"플러그인 새로추가 - elememtor 검색 - 설치 - 활성화"순으로 자신의 워드프레스에 엘리멘터 빌더를 적용할 수 있습니다.

이 과정이 끝나면, 글쓰기나 페이지 만들기에서 우측 상단에 "엘리멘터로 편집"이라는 파란색 버튼이 생성되는데요. 이를 통해 블록 에디터가 아닌 엘리멘터를 통해 워드프레스 디자인이 가능해지죠.

오늘 필자가 알려 드리고 싶은건, 작년에 업데이트 된 에디트 컨테이너 박스를 이용해야 한다는 점입니다. 이전 엘리멘터 강의 영상들은 해당 기능에 대한 설명이 없기도 하지만 실제 작년에 배타 기능으로 제공된 컨테이너 컬럼 박스가 올해 완벽히 준비되어 업데이트 된 것입니다.



구역 자체에서 다양한 레이 아웃이 가능하며, 엘리멘터 빌더가 지닌 가장 큰 장점인 전체 화면 디자인에서 그 활용성은 한계가 없다시피 합니다.

이를 통해 사용자는 프로 버전이 제공하는 모션 기능과 고정 컬럼을 이용해 다양한 편집 디자인이 가능하게 되었습니다.

세팅 방식은 현재 별도 지정할 필요는 없지만 엘리멘터 페이지 빌더 편집기에서 다음과 같은 옵션이 보이지 않는다면 별도로 활성화 해야 합니다.



"엘리멘터 - 설정 - 기능 - 컨테이너 활성화"

이렇게 최근 변경된 엘리멘터 컨테이너 설정은 기존 방식과는 차이가 많습니다. 물론 완벽한 업데이트 버전으로 현재 필자 역시 관련 기능에 대한 경험이 필요한 상태지만 그동안 어렵게 설정하던 워드프레스 섹션 레이 아웃을 컨테이너 기능이 수월하게 만들 것이라는 사실은 분명하니까요.

오늘은 엘리멘터 빌더에서 섹션 및 컬럼이 아닌 컨테이너 편집 시대가 되었음을 전달해 드렸습니다.

다음 시간은 폰트 설정에 대한 이야기해 볼게요.