작성일 : 2017.04.12 , 최종수정일 : 2018.01.03
아바다 테마를 설치하고, 필수 플러그인(퓨젼 코어와 퓨젼 빌더)과 두개의 프리미엄 플러그인(레볼루션 슬라이더와 레이어 슬라이더)을 설치하고 나면 기존의 워드프레스가 아래에서와 같이 확장 됩니다.
1.관리자 화면의 메인 메뉴 영역에 새로운 메뉴 추가
- Avada : 웰컴페이지와 함께 테마라이센스 등록과 데모사이트 불러오기, 필수 플러그인 설치, 시스템상태를 체크하는 화면을 제공합니다. 또 패치파일이 있을 때 이를 알려주는 패치 관리자가 있으며, 웹사이트 전체에 영향을 주는 테마옵션 메뉴가 있습니다.
- 퓨젼 빌더 : 글/페이지 편집화면에서 사용하는 퓨젼 빌더의 기본 설정과 저장된 템플릿/컨테이너/칼럼/엘리먼트등 퓨젼 빌더를 이용해서 만들어진 요소들을 내보내기/가져오기 하는 화면을 제공합니다. 또한 퓨젼빌더의 기능을 확장한 애드-온(Add-On)들을 소개합니다.
- 퓨젼 슬라이더 : 아바다 테마에서 직접 제공하는 기본 슬라이더 입니다. 사용이 간단하고, 효과가 뛰어납니다. 아바다 테마의 데모사이트에서 사용하는 대부분의 슬라이더가 이 퓨젼 슬라이더를 이용해서 만들어진 것입니다. 테마옵션에서 사용을 OFF 할 경우 이곳에 표시되지 않습니다.
- 포트폴리오 : 아바다 테마가 제공하는 컨텐츠 생성 방법(커스텀 포스트 타입)입니다. 회사나 개인의 포트폴리오 목록을 만들기 쉬운 구조로 되어 있습니다.
- FAQs : 아바다 테마가 제공하는 컨텐츠 생성 방법(커스텀 포스트 타입)입니다. FAQ를 만들기 적합하도록 제목은 질문이 되고, 내용은 답변이 되는 구조로 되어 있습니다.
- 에라스틱 슬라이더 : 아바다 테마에서 직접 제공하는 기본 슬라이더 입니다. 사용이 간단합니다. 테마옵션에서 사용을 OFF 할 경우 이곳에 표시되지 않습니다.
- 레볼루션 슬라이더 : 아바다 테마에 번들로 제공되는 프리미엄 플러그인입니다. 코드캐년에서 현재 25달러로 판매되는 플러그인 입니다.
- 레이어 슬라이더 : 아바다 테마에서 번들로 제공되는 프리미엄 플러그인입니다. 코드캐년에서 현재 22달러로 판매되는 플러그인 입니다.
2.새로운 글/페이지 편집 화면의 에디터 상단에 “퓨젼 빌더” 기능과 에디터 하단에 “퓨젼 페이지 옵션” 추가
- 퓨젼 빌더 : 아바다 테마가 제공하는 페이지 빌더 입니다. “템플릿-컨테이너-칼럼-엘리먼트”의 계층구조를 가지고 원하는 어떤 레이아웃이라도 구현할 수 있도록 기능을 제공합니다. 더불어서 저장/복사/이동 등이 원활하며, 각 페이지 단위의 css를 작성할수 있는 기능을 제공합니다.
- 퓨젼 페이지 옵션 : “관리자 메뉴-Avada-테마 옵션”의 설정이 웹사이트 전체에 영향을 준다면, 이 퓨젼 페이지 옵션은 해당하는 페이지(글/포트폴리오/등등)에만 개별 옵션을 설정하도록 제공 하는 영역입니다.
3.새로운 페이지 편집 화면의 “페이지 속성-템플릿”에 아바다 테마 전용 템플릿 추가
- 기본 템플릿 : 사이드 바가 있는 화면이나 설정한 사이트 넓이에 맞춰진 화면등 일반적인 페이지를 작성할 때 주로 사용하는 템플릿입니다.
- 100% Width : 사이드 바 없이 화면의 좌/우 공간을 모두 사용해서 페이지를 작성 할 때 사용하는 템플릿 입니다. (데모사이트의 대부분이 이 템플릿으로
구성 되어 있습니다.) - Blank Page : 헤더, 푸터 가 표시되지않는 템플릿으로 , 작성한 컨텐츠만 표현할수 있어, 공사중 화면이나 프로모션 페이지를 작성할 때 주로 사용합니다.
- Contact : 많은 웹사이트에서 사용하는 Contact 화면을 구성할 때 사용하는 템플릿입니다. 테마옵션의 설정에 따라서 지도와 컨택트 폼을 기본 제공하는 템플릿으로 페이지의 내용을 입력하지 않아도 이미 만들어져 있는 깔끔한 페이지를 구성 할 수 있습니다.
- Side Navigation : 페이지의 제목이 사이드 메뉴 버튼이 되는 템플릿을 제공합니다. 메뉴의 위치는 사이드바 영역의 최상단이 되고, 옵션 설정에 따라 좌/우 위치를 변경 할 수 있습니다. 다른 페이지를 부모(“페이지 속성-상위”에서 선택)로 선택 함으로써 같은 부모를 선택한 다른 페이지들을 하나의 메뉴속에 표시 할 수 있습니다. 메뉴에서 각 페이지가 차지하는 순서는 “페이지 속성-순서”로 변경 할 수 있습니다. (숫자가 낮을수록 우선 순위가 높음)
4.”외모-위젯” 화면의 오른쪽 사용할수 있는 위젯 모음에 아바다 전용 위젯 추가
- Add 125×125 Ads : 이미지의 주소와 링크 주소를 입력하면 작은 배너를 만들어 줍니다.
- Avada Contact Info : 웹사이트에 Contact 정보를 표시할 때 사용합니다. 전화번호는 모바일에서 전화 어플과 연결되고, 이메일은 메일쓰기로 연결됩니다.
- Avada Facebook Page Plugin : 페이스북의 페이지 App ID 를 입력하면 페이지 좋아요/공유하기 박스가 표시됩니다.
- Avada Flickr : 프릭커 ID를 입력하면 내 계정의 이미지를 가져와서 보여줍니다.
- Avada Horizontal Menu : 메뉴를 선택하면 수평으로 나열되어 표시됩니다. 푸터 등에서 수평으로 표시되는 메뉴 표현에 좋습니다.
- Avada Recent works : 포트폴리오 목록에서 최근 글을 개수대로 표시합니다.
- Avada Social Links : 소셜 계정으로 연결되는 링크를 넣을 때 사용합니다. 옵션에 따라서 “테마옵션-소셜미디어”에서 설정한 Custom 계정 표시가
가능합니다. - Avada Tabs : 최근글, 인기글, 댓글을 탭 형식으로 표시해 줍니다.
- Avada Twitter : 트위터 계정의 해당 api 키를 입력하면 내 트위터 계정의 글을 표시해 줍니다.
5.”외모-위젯” 화면의 상단에 새로운 위젯 영역을 만들 수 있는 “위젯 섹션” 추가
- 원하는 위젯을 모아서 표시하는 위젯영역을 추가하는 기능을 제공합니다. 각 페이지 별로 다른 사이드 바를 구성하고 싶을 때 또는 컨텐츠 내에 위젯을 표시하고 싶을 때 이 섹션에서 새로운 위젯영역(Widget Section)을 추가한 후, 위젯을 구성 해서 사용합니다.
6.”외모-위젯” 화면의 각 위젯 영역안에 적용한 위젯에 “아바다 위젯 옵션” 추가
- 사이트에 적용하는 모든 위젯에 개별적인 디자인을 적용 할 수 있도록, 적용한 위젯에 “아바다 위젯 옵션” 이 추가 되었습니다.
7.”외모-메뉴” 화면의 각 메뉴 아이템 내 “아바다 옵션” 버튼 추가
- 메뉴 아이템 속에 아바다 옵션을 추가 합니다. 메뉴의 스타일을 변경하거나, 아이콘을 표시하거나 메가메뉴를 설정합니다.
8.”글-카테고리” 또는 “글-태그” 화면에 “퓨젼 텍소노미 옵션” 추가
- 글(post)의 카테고리와 태그 편집화면에(아바다 포트폴리오의 카테고리,태그,스킬에도 마찬가지) “퓨젼 텍소노미 옵션”이 추가 되었습니다. 이 옵션은 웹사이트 방문자가 카테고리 분류중 하나를 클릭하거나, 태그 중 하나를 클릭 했을 때 나타나는 “저장소 페이지(어카이브 페이지: 같은 카테고리나 같은 태그가 적용된 글 목록 페이지)”의 디자인을 개별적으로 적용 할 수 있도록 해 주는 옵션입니다.
감사합니다 ^^
^^
안녕하세요? 지금 아바다 테마로 사이트 작업중인데요,,,
데모 사이트 설치 후 내용 편집중인데,,,
좌측에 [+] 버튼의 위젯 설정방법이 궁금합니다. ^^;;;
아무리 찾아도 없습니다.
정보 부탁드립니다.
“슬라이딩 바”를 말씀하시는 거라면…
“테마옵션-슬라이딩바” 에서 몇개의 슬라이딩바 칼럼을 사용할건지 먼저 선택하고 저장을 누릅니다.
“외모-위젯”에 가면 설정한 만큼의 슬라이딩바 위젯영역이 나타납니다. 여기에 원하는 위젯을 설정하면 슬라이딩바 안에 나타납니다.