아바다 테마의 Fusion Builder 사용하기[워드프레스]

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

물론 이것은 테마를 잘 선택했을 때에 해당됩니다. 워드프레스에는 수 많은 유료 및 무료 테마가 있습니다. 아바다 등과 같이 범용으로 사용 가능한 다목적 테마(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 비디오(영문)를 대강 살펴보면 어떤 식으로 퓨전 빌더를 사용할지 감이 잡을 것입니다. 영문으로 되어 있지만 영어에 익숙하지 않으면 화면만 봐도 도움이 될 것 같습니다.

* 이 블로그에서 아바다 테마를 Divi 테마로 변경한 후에 Fusion Builder로 작성되었거나 Fusion Builder 요소가 포함된 글에 Fusion Builder에서 생성한 태그가 표시되는 문제가 발생하고 있습니다. 이런 문제를 Shortcode hell, 즉 쇼트코드 지옥이라고 합니다.ㅎㅎ 문제가 발견되는 글/페이지를 수정하고 있지만 일부 글/페이지에 이런 문제가 있을 수 있습니다.

참고:

1 thought on “아바다 테마의 Fusion Builder 사용하기[워드프레스]”

  1. 안녕하세요, 아바다 사용자입니다.
    친구가 홈피 제작 도와주려는 차원에서 유료테마를 설치하고 제작하다가, 사정이 생겨서 친구가 더이상 못 도와주게 되었습니다.
    작업을 급하게라도 마무리 하고싶어서 그러는데,
    원격이든 오프라인으로 직접 만다서 하든
    유료로 작업을 도와주실 수 있으신 분 연락받을 수 있을까요?
    금액은 개인마다 다르니 우선 얘기를 해봐야겠지만,
    하루 일당으로 10만원을 지급할 용의가 있습니다.

    응답

Leave a Comment