워드프레스 아바다 테마: 라이브러리 패턴 템플릿으로 저장하여 재활용하기

아바다 테마는 11년 동안 판매 1위를 기록하고 있는 베스트셀링 워드프레스 테마입니다. 비슷한 판매량과 기능을 제공하는 테마로 Divi 테마가 있습니다.

워드프레스 Divi 테마: 피부관리사(Esthetician)용 스타터 사이트 공개

아바다 테마는 다목적 테마의 효시로서 심플한 블로그에서 기업 홈페이지, 쇼핑몰, 인강 사이트에 이르기까지 거의 모든 사이트 제작에 사용할 수 있습니다. 코딩 지식이 부족한 초보자부터 전문 사용자까지 이 테마를 활용할 수 있습니다.

아바다 테마에서는 컨테이너, 컬럼, 요소(엘리멘트)를 라이브러리 템플릿으로 저장하여 재활용할 수 있습니다. 워드프레스 블록 에디터의 패턴과 비슷한 기능을 합니다.

워드프레스 아바다 테마: 라이브러리 패턴 템플릿으로 저장하여 재활용하는 방법

Avada 테마에서는 버튼이나 각 페이지 하단에 표시할 문구 등 반복되는 요소를 라이브러리로 저장하여 재활용할 수 있습니다. 라이브러리로 저장할 때 '글로벌(전역)'로 설정할 것인지 여부를 선택할 수 있습니다.

1. 전역 라이브러리로 설정할 경우: 해당 라이브러리를 추가한 모든 항목들이 동일하게 유지됩니다. 예를 들어 전화번호 정보를 라이브러리로 저장하여 페이지 각 하단에 불러와서 사용하는 경우, 라이브러리 편집 화면에서 전화번호를 변경하면 해당 템플릿이 추가된 모든 곳에서 전화번호가 바뀌게 딥니다. (전역 라이브러리를 추가한 후에 특정 항목만 전역 설정을 해제하는 것도 가능합니다.)
2. 비전역 라이브러리로 설정 (라이브러리 저장 시 글로벌 설정 해제): 해당 라이브러리를 추가하여 개별적으로 수정할 수 있습니다. 버튼 패턴을 만들고, 버튼 라이브러리를 추가한 후에 텍스트와 링크를 변경해야 하는 경우에 유용합니다.

아바다 빌더에서 컨테이너, 컬럼, 엘리먼트를 라이브러리로 저장하여 재활용하기

아바다 테마는 Avada Builder라는 빌더를 사용합니다. 엘리멘터 빌더와 비슷한 기능을 한다고 생각하시면 됩니다. Divi 테마에는 Divi Builder라는 자체 페이지 빌더가 사용됩니다. Avada Builder의 이전 명칭은 Fusion Builder였습니다.

아바다 빌더에서 컨테이너, 컬럼, 엘리먼트(요소)를 템플릿으로 저장할 수 있습니다.

컨테이너의 경우 컨테이너 상단의 Save Container를 클릭하여 저장이 가능합니다.

컬럼은 해당 컬럼 상단의 Save column 아이콘을 클릭하여 패턴으로 저장할 수 있습니다.

요소(엘리먼트)도 마찬가지로 Save Element 아이콘을 클릭하여 저장이 가능합니다.

예를 들어, 컬럼을 라이브러리로 저장하려는 경우 Save column 아이콘을 클릭하면 컬럼을 라이브러리로 저정하는 팝업이 표시됩니다.

위와 같은 화면에서 빈 칸에 컬럼 이름을 지정합니다. 컬럼으로 저장하고 원하는 곳에 이 컬럼을 삽입할 수 있습니다. 만약 컬럼들이 동기화가 되어야 한다면 Save As Global 체크박스를 선택하도록 합니다.

예를 들어, 연락처를 컬럼이나 컨테이너로 만들어서 여러 페이지 하단에 삽입하는 경우를 생각해봅시다. 만약 연락처가 바뀌는 경우 라이브러리 템플릿에서 수정하면 삽입된 모든 항목에서 연락처가 업데이트되어야 할 것입니다. 이런 상황에서 이 옵션을 사용할 수 있습니다.

하지만 버튼을 템플릿으로 만든 경우, 버튼을 삽입하고 개별 버튼에 대하여 문구와 링크를 바꾸어야 한다면 Save As Global 옵션은 선택해서는 안 됩니다.

전역 라이브러리를 삽입하더라도 특정 항목에 대하여만 다른 콘텐츠로 바꾸기를 원한다면 해당 항목에 대하여 전역(Global) 설정을 해제할 수 있습니다.

저장 버튼을 누르면 해당 컬럼이 템플릿으로 저장됩니다.

이제 컬럼 추가에서 저장한 컬럼을 불러올 수 있습니다.

Library Columns 탭을 선택하고 원하는 컬럼(아래 그림에서는 New Column)을 선택합니다.

전역 컬럼으로 삽입되는 경우 오른쪽 상단에 Global Column 아이콘이 표시되고 이 아이콘을 클릭하여 전역 상태를 비활성화하는 것도 가능합니다. 전역 상태(Global Status)를 비활성화하면 비전역 상태로 바뀌게 되고 해당 컬럼을 자유롭게 수정할 수 있습니다.

라이브러리 템플릿을 수정하려는 경우 Avada » Library로 이동하여 해당 라이브러리 위에 마우스를 올려 Edit (편집)을 클릭합니다.

전역 라이브러리 항목을 수정하면 사이트 전체에서 페이지에 삽입된 해당 라이브러리들이 모두 영향을 받게 됩니다.

마치며

이상으로 아바다 테마에서 컨테이너, 컬럼, 엘리먼트를 라이브러리로  저장하여 재활용하는 방법에 대하여 살펴보았습니다. 반복되는 요소는 전역(Global)으로 저장하여 활용하면 시간과 노력을 절감할 수 있습니다.

참고

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)