WordPress Marketing

국내(Naver)부터 해외(Google · Bing · Yahoo · Baidu)까지. 브랜드, 사이트 홍보를 위한 워드프레스 실전 마케팅!
HOME > 추천 Plug-in > Page Builder by Site...

Page Builder by SiteOrigin – 페이지 레이아웃을 자유자재로 바꿔주는 무료플러그인

워드프레스 페이지 빌더 무료 플러그인 Page Builder by SiteOrigin 를 소개하고자 합니다.

워드프레스를 이용하여 웹사이트를 만드는데 있어서 테마를 구매하거나 무료테마를 다운받아서 사용하게 되는데, 메인화면의 경우는 테마의 기본디자인을 그대로 사용하거나, 커스트마이징을 통해서 변화를 주는 작업을 충실하게 하게됩니다.

그러나, 워드프레스의 주요 사용목적인 CMS의 활용면에 있어서 컨텐츠의 작성은 사이트의 운영자 또는 컨텐츠담당자가 직접 해야 효율성이 있지만 반응형 코딩없이 워드프레스의 에디터만을 사용하다보면 화면구성의 제약을 받게 됩니다.

원하는 레이아웃을 화면에 노출하려할때는 퍼블리셔나 프로그래머에게 의뢰를 해야되는 상황인데 결국 컨텐츠의 발행에 있어서 치명적인 결점인 시간 낭비룰 초래하고 맙니다.

이번에 소개할 무료플러그인 Page Builder by SiteOrigin 는 컨텐츠발행자가 손쉽게 컨텐츠 페이지의 레이아웃을 만들 수 있는 페이지 빌더입니다.

1. 설치

워드프레스 관리자화면에서 플러그인메뉴로 이동하여 플러그인 추가하기 화면에서 “Page Builder by SiteOrigin”를 검색합니다.

page Builder by SiteOrigin Setup

page Builder by SiteOrigin Setup

“지금 설치하기”를 하고 플러그인을 활성화 합니다.

다음은 위젯번들을 설치합니다.

위와같이 플러그인 추가하기에서 “SiteOrigin Widgets Bundle” 검색하여 설치하고 활성화합니다.

SiteOrigin Widgets Bundle

SiteOrigin Widgets Bundle

 

2. 설정 & 위젯 활성화

“설정” 메뉴에 “Page Builder” 메뉴가 생성된 것을 확인하게 될 것입니다.

Page Builder by SiteOrigin를 설정하게 되는데

General 설정에서 글, 페이지에 모두 적용되게 하고,

Widgets 설정에서 Legacy Bundled Widgets 까지 모두 적용하고,

나머지는 디폴트로 두고 저장하였습니다.

SiteOrigin Page Builder SETUP

SiteOrigin Page Builder SETUP

 

다음은 위젯사용을 위한 활성화 입니다.

플러그인 메뉴에 “SiteOrigin Widgets” 메뉴가 생성되었습니다. 화면을 활성화 해보면 아래와 같이 여러가지 위젯 리스트가 나옵니다. 저자는 모조리 활성화 하였습니다.

사용을 해본 결과 테마들마다 차이가 있겠지만, 작동하는 위젯도 있고 화면이 깨지는 위젯도 있었습니다. 일단은 on 버튼을 클릭하여 모조리 활성화..

SiteOrigin Widgets

SiteOrigin Widgets

 

3. Page Builder by SiteOrigin 사용하기

글메뉴에서 새글쓰기를 열어서 에디터 메뉴를 확인하면 우측탭에 “Page Builder” 메뉴가 활성화된 것을 확인할 수 있습니다.

pageBuilder menu

pageBuilder menu

워드프레스에서 제공하는 기본에디터와 혼용해서 사용할 수 는 없으므로 해당 포스트는 Page Builder 만을 이용해서 작성하기로 했다면 Page Builder 화면를 활성화 합니다. 만약 Switch to Editor 메뉴로 기본에디터로 돌아오려 한다면 Page Builder 로 작성한 화면을 잃게 될 것이므로 신중한 선택이 필요합니다.

Page Builder 화면을 활성화 하면 메뉴바에 아래와 같은 그림을 보게 될 것 입니다.

pageBuilder menu

pageBuilder menu

1. Add Row : 행을 생성하고 형태를 만듭니다.

pageBuilder_addrow

pageBuilder_addrow

layout 설정으로 행내에 column 의 갯수를 지정하고 직접 마우스를 이용해서 column 간의 간격을 조정할 수 있습니다.

이 플러그인에서 가장 중요하고 핵심적인 기능임에도 불구하고 너무 간단하고 쉽게 생성할 수 있도록 되어 있습니다.

 

2. Add Widget :생성된 Row의 각 column에 원하는 형태의 위젯을 삽입합니다.

이미 생성된 row 의 column 을 마우스클릭으로 지정한 후 Add Widget 메뉴를 활성화 하면 워드프레스의 기본 위젯을 포함하여 여러 플러그인 위젯과 처음에 설치한 “SiteOrigin Widgets Bundle” 위젯들이 나열됩니다.

pageBuilder_addwidget

pageBuilder_addwidget

모든 위젯이 정상작동하지는 않습니다만

– 애니메이션 위젯(PB),
– 지도위젯,
– 동영상 호출 위젯,
– 이미지 슬라이드 위젯,
– 가격표 위젯,
– column 내에 비주얼 에디터 사용

등의 다양한 위젯들이 존재합니다.

자신이 사용하는 테마 또는 다른 플러그인들과 충돌하지 않는 선에서 적절한 위젯을 활용하시기 바랍니다.

참고로, 애드온 중에 “Ultimate Addons for SiteOrigin” 이 있습니다만 설치를 하였더니 글의 저장속도, 사이트 로딩속도, 화면의 틀림현상이 있어서 포스트에서 생략하였습니다. 참고하시기 바랍니다.

보부상 워드프레스 테마 바로가기

 


댓글1

  1. […] […]

댓글 달기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.


top