[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”][fusion_text]

간혹 워드프레스에서 유료 테마는 사용이 어렵다는 선입관을 가진 분들이 있는 것 같습니다. 물론 워드프레스를 처음 접하거나 익숙하지 않는 분에게는 유료 테마가 무료 테마보다 훨씬 복잡하고 어렵다는 생각을 가질 수 있으리라 생각됩니다. 하지만 워드프레스 사용법에 익숙해지고 유료 테마의 설명서를 숙지한다면 유료 테마가 원하는 디자인을 만드는 데 훨씬 더 수월하고 효과적일 수 있음을 알게 될 것입니다.

물론 이것은 테마를 잘 선택했을 때에 해당됩니다. 워드프레스에는 수 많은 유료 및 무료 테마가 있습니다. 아바다 등과 같이 범용으로 사용 가능한 다목적 테마(Multi-purpose theme)가 있는가 하면 특정 용도에 맞게 특화된 테마도 많이 있습니다. 만약 특정 레이아웃을 원하거나 특정 목적에 사용하고자 한다면 특화된 테마가 훨씬 더 유리할 수 있을 것입니다. 어느 경우든 원하는 디자인이나 기능의 사이트를 얻기 위해서는 어느 정도의 수정(커스터마이징)이 필요할 것입니다.

많은 유료 테마에서 페이지 빌더로 비주얼 컴포저(Visual Composer)를 번들로 사용하고 있습니다. 하지만 아바다(AVADA) 테마의 경우 자체적으로 Fusion Builder라는 페이지 빌더를 채택하고 있습니다. 어느 것을 사용하든지 사용법은 거의 비슷하다고 생각하시면 됩니다. (페이지 빌더를 사용할 경우 편리하다는 장점이 있지만 여러 가지 단점도 있습니다. ‘워드프레스 페이지 빌더의 장점과 단점’을 참고해보시기 바랍니다.)

아바다의 Fusion Page Builder는 사용자가 쉽게 레이아웃을 만들 수 있도록 지원합니다. 즉, 공간 분할을 페이지/글 내에서 직접 가능하도록 하여 테마 소스 수정을 최소화합니다.

사용법은 매우 직관적입니다.

Avada Fusion Page Builder - 워드프레스 아바다 퓨전 페이지 빌더

컨테이너나 컬럼을 선택하고 요소를 삽입한 후에 적당히 설정을 수정해주면 됩니다. 요소나 컬럼을 마우스로 마음대로 끌어다가 원하는 곳에 위치시킬 수도 있습니다.

뿐만 아니라 각 컬럼 설정에서 배경색, 배경 이미지, 마진(margin) 값, 패딩(padding) 값, 보더(border) 값 등을 자유롭게 지정이 가능하고 클래스 및 ID 값도 추가할 수 있습니다. 이런 유연성은 CSS 작업을 최소화하면서 원하는 레이아웃을 보다 쉽게 구현할 수 있도록 합니다.

Avada Fusion Page Builder - 워드프레스 아바다 퓨전 페이지 빌더 컬럼 설정

짧은 시간 내에 퓨전 빌더와 친숙해지려면 데모를 설치한 후에 페이지 편집을 통해 어떤 식으로 각 컬럼과 요소가 구성되어 있는지 확인해보고 직접 수정해보는 것도 좋은 방법 같습니다. 어렵다는 생각을 떨쳐버리고 자유롭게 만져보면서 익숙해지는 것이 무엇보다 중요하지 않나 생각됩니다.

그리고 위의 YouTube 비디오(영문)를 대강 살펴보면 어떤 식으로 퓨전 빌더를 사용할지 감이 잡을 것입니다. 영문으로 되어 있지만 영어에 익숙하지 않으면 화면만 봐도 도움이 될 것 같습니다.

[/fusion_text][fusion_text]

참고:

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]