워드프레스 기초 홈페이지 제작하기(6.2) - [플러그인] 페이지 제작을 위한 빌더 플러그인 설치 page builder by siteOrigin

이번에는 페이지 제작하기 위한 빌더를 다운로드 받도록 하겠습니다.

빌더가 뭐쥬 ~? 페이지 제작 툴 정도로 알면 됩니다. 

설치 및 예시를 보여드리겠습니다.

플러그인 설치 합니다.

[Page builder by siteOrigin]

이 전 게시글에서 확인 할 수 있듯 검색을 통해 설치하고 > 활성화까지 해 줍니다.

이제 플러그인 설치, 활성화는 기본이죠?

tip

별점, 최근업데이트, 버전호환 확인 필수!

별점이 낮음 

- 뭐든 평점이 낮으면 별로겠죠?

 최근 업데이트

- 오래되었을 경우 잘 관리되는 플러그인이 아닐 확률이 높습니다.

버그가 발견되면 대응이 늦을 수 있습니다.

워드프레스 호환

- 충돌이 나거나 사용하지 못하는 경우가 생길 수 있습니다.

무료 플러그인들은 일반 사용자가 만들어 배포하는 것들도 있기때문에 특히나 확인이 필요합니다.

설치 후 활성화!

[페이지 > 모든페이지> 편집]

에디터 오른쪽 상단에 page builder 클릭하면 빌더 사용할 준비완료!

[Add widget] 

페이지에 어떠한 것을 작성하려는지 설정하는 것이다.

예로 들어 이미지로 해보겠다!

이미지 위젯 클릭

창이 닫히고 이미지라고 항목이 생긴게 확인된다.

마우스를 항목 위로 올리면 Edit, Duplicate, Delete가 나오는데 Edit 눌러준다.

설정창에서 이미지 추가 클릭

헤드 배경이미지 예시 들 때 추가한 이미지들이 있는데 예시니까 아무이미지나 체크하여 위젯에 추가하기 클릭.

그 후 펜치 모양에 마우스 올린 다음 Edit Row 클릭

이건 한 영역에 몇 분할해서 사용할 것인지 설정하는 항목이다.

Set row Layout을 1에서 4로 수정하면 4분할로 설정이 됩니다.

(100%에서 자동 비율) 

Done누르면 분할된 것이 확인가능하다.

보시면 4분할 되었죠?

위젯 항목에 마우스 올리면 Edit, Duplicate, Delete 뜨는데 Duplicate를 눌러 복사해 준 뒤, 

마우스 드래그 앤 드롭해서 분할한 영역에 하나하나 옮겨줍니다.

4개 보이시죠? 그리고 업데이트 버튼 클릭

업데이트는 글 등록하기(저장)로 보면 됩니다.

내 홈페이지 주소 입력해서 접속하거나(메인이니까) 제목아래에 고유주소 옆 링크 클릭해서 들어가도 된다.

빌더 사용해서 이런식으로 이미지, 글, 동영상 등등등 많은 작업을 할 수 있다.