아다바 테마 설치 완료시 확장되는 기능들

Home/아바다 테마 사용법/아다바 테마 설치 완료시 확장되는 기능들




작성일 : 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)의 카테고리와 태그 편집화면에(아바다 포트폴리오의 카테고리,태그,스킬에도 마찬가지) “퓨젼 텍소노미 옵션”이 추가 되었습니다. 이 옵션은 웹사이트 방문자가 카테고리 분류중 하나를 클릭하거나, 태그 중 하나를 클릭 했을 때 나타나는 “저장소 페이지(어카이브 페이지: 같은 카테고리나 같은 태그가 적용된 글 목록 페이지)”의 디자인을 개별적으로 적용 할 수 있도록 해 주는 옵션입니다.






4 Comments

  1. 어연 2018/07/16 - 10:34 - 답글쓰기

    안녕하세요? 지금 아바다 테마로 사이트 작업중인데요,,,

    데모 사이트 설치 후 내용 편집중인데,,,
    좌측에 [+] 버튼의 위젯 설정방법이 궁금합니다. ^^;;;
    아무리 찾아도 없습니다.

    정보 부탁드립니다.

    • 이명성 2018/07/20 - 18:34 - 답글쓰기

      “슬라이딩 바”를 말씀하시는 거라면…
      “테마옵션-슬라이딩바” 에서 몇개의 슬라이딩바 칼럼을 사용할건지 먼저 선택하고 저장을 누릅니다.
      “외모-위젯”에 가면 설정한 만큼의 슬라이딩바 위젯영역이 나타납니다. 여기에 원하는 위젯을 설정하면 슬라이딩바 안에 나타납니다.

  2. 늘푸른자연학교 2017/05/06 - 17:59 - 답글쓰기

    감사합니다 ^^

댓글 쓰기