[Wordpress] 워드프레스 Elementor Page Builder(엘리멘터 페이지 빌더) 사용하기

아래 두 포스팅을 따라 세팅하면, 이제 페이지를 엘리멘터 페이지 빌더를 이용해 만들 수 있는 환경이 된다.

 

워드프레스 초기설정

ansan-survivor.tistory.com/615

[Wordpress] 워드프레스 홈페이지 관리자 초기 설정방법

테마 및 플러그인 설치

ansan-survivor.tistory.com/651

[Wordpress] 워드프레스 무료 자유도 높은 OceanWP 테마(theme), Elementor, Ocean Extra, Envato element 플러그인(p

 

 

무료 제공하는 템플릿 사용하기

 

Element Page Builder를 이용해 편집하기 위해서는 위에 추가한 플러그인을 클릭하면 된다.

새로 글쓰기

상단에 편집하기를 클릭하여 elementor로 작업

element 편집 창

 

 

1. 무료 템플릿 불러오기 (Freekit 사용)

2. 미리보기(preview)

사이트에 나올 화면을 미리 본다.

하는 프리뷰를 선택하면 Desktop, Tablet, phone 사이즈로 볼 수 있다.

 

3. 설치

해당 템플릿을 import 시키기

 

(4. 페이지 구성요소 알아두기)

섹션 > 컬럼 > 위젯

섹션 (가장 큰 범위)

컬럼 ( 중간범위)

위젯

 

5. 작업이 완료되면 하단에 발행(update)를 클릭

(결과)

그러면 해당 페이지가 설정한 elementor의 템플릿으로 변경된다.

elementor의 자세한 사용법은 google또는 youtube의 많은 자료가 있다. 참고하면 된다.

 

(아래 영상 참고도 도움이 많이 된다.)

https://www.youtube.com/watch?v=MX4EkmLGwdA