워드프레스 아바다테마 3.7 버전 업데이트

//워드프레스/아바다 테마/워드프레스 아바다테마 3.7 버전 업데이트




2014.12.3일 워드프레스 최고 인기 테마인 아바다 테마가 3.7로 업데이트 하였습니다.
최근 3.6버전 업데이트때 부터 많은 기능의 변화가 생겼는데…
이제는 기능의 변화를 넘어서서 디자인의 변화를 이루고 있는 과정인거 같습니다.
그동안 아바다 테마를 사용하면서 느꼈던 아쉬운 부분이 많이 개선되었습니다.

첫째. 헤더 포지션의 변화 입니다.
그동안 전통적인 상단에 위치한 헤더에 그 모양이 다섯가지중 선택하여 디자인을 해왔던것을 이제는 메인헤더가 사이드(좌/우)에 위치할수 있도록 옵션을 만들었습니다.또한 헤더에 그림자 효과기능이 추가되었습니다.

side_head

둘째, 포트폴리오 아카이브 화면의 디자인 변화 입니다.
그동안 아바다테마의 포트폴리오 아카이브 화면은 고정 비율에 컬럼분할만을 사용해왔으나, 버전3.6 이후 특성이미지의 비율이 이미지의 원본비율을 따라가는 auto 기능이 추가 되었었습니다.
그리고 이번 3.7 버전에서는 이미지간의 spacing을 사용자가 조정할수 있도록 만들어서, spacing=0 일 경우 완변학 격자모양이 만들어 집니다. (위의 예제사진)

세째, 페이지 디자인의 가장 중추적인 역할을 했던, full width container 의 발전
페이지 디자인에서 모든 칼럼과 배경이미지를 포함하여, 컨텐츠 칼럼, 이미지프레임 등을 아우르는 full width container는 그동안 몇가지의 단점이 있었습니다. 그중에서 동영상배경이미지사용 불가하던 것이 가능해 졌고, 내부컨텐츠 영역의 고정(사이트 넓이로 지정한값만 사용)이 해소 되어 브라우저의 full width로 콘텐츠를펼칠수 있게 되었습니다.이제 내부에 동영상을 업로드하여, 배경이미지로 자유롭게 활용이 가능하고, 그 위에 오버레이 컬러를 올려서 효과를 낼수도 있습니다. 모바일과 구형데스크탑을 위한 대체 이미지설정이 가능하며, 내부의 칼럼의 높이를 동일하게 설정할수 있는 부분도 개선된 사항입니다. 덧붙여서 배경을 단순이미지로 설정하였을 경우, 스크롤 되면서 자연스럽게 흐려지는 효과를 설정할수 있습니다.

넷째, 컬럼의 진화
배경이미지 삽입, 컬럼간의 spacing 설정, 컬럼 보더기능추가등,ㅡ 페이지 구성의 필수 요소였던 컬럼의 능력이 우수해 졌습니다.

다섯째, 헤더/푸터 넓이 커스터마이징
사이트의 넓이에 따라서 고정되어있던 헤더의 넓이를 자유롭게 바꿀수 있습니다.( 100% header width선택후 좌우 padding 값을 조정해 주면 됩니다.) 또 헤더의 투명도를 개별적으로 조정할수 있습니다.

여섯째, 페이지 타이틀바
페이지 타이틀바의 넓이를 자유롭게 설정할수 있으며, 위치또한 바꿀수 있습니다. 스크롤시 흐려지는효과를 적용할수있습니다.

이외에도 테스티모니얼숏코드,탭숏코드의 디자인 개선등 이 업데이트 되었습니다.







|2014. 12. 8|카테고리: 아바다 테마|6 개의 댓글

글쓴이 :

6 Comments

  1. kimikiki 2015/02/08 - 08:12 - 답글쓰기

    아바다 3.4버전을 사용자입니다. 3.71버전으로 업데이트 하려면 어떻게 해야하나요?

  2. tgs5247 2015/01/05 - 06:23 - 답글쓰기

    3.7.1 분명히 네이버모바일앱에서 사이트를 열면 사이트가 깨지는 현상이 있는데 다들 확인 해보세요 ㅠㅠ

    이상한건 avada.kr 사이트는 3.7.1인데 네이버앱에서 안깨지네요

    외국 데모사이트도 깨지던데 ㅠㅠ 참고로 캘럭시노트3에서 확인했습니다. 그리구 갤럭시3에서도 비슷한 증상이 있네요…
    화면을 가로로 했다가 다시 세로로 하면 정상으로 돌아오네요 ;;;

  3. tgs5247 2014/12/28 - 22:03 - 답글쓰기

    이 버전에서 왼쪽으로 메뉴를 지정했다가 다시 탑으로 지정하면 모바일에서 로고가 안보이는 현상이 일어나네요 ㅜㅜ

    영어가 딸려서 아바다 포럼에 짧은 글 올렸다가 생까였네요 ;;;

    • rtew 2014/12/30 - 13:32 - 답글쓰기

      로고를 삭제후 다시한번 올려 보셨나요?

      • tgs5247 2015/01/05 - 06:19 - 답글쓰기

        해결했습니다.^^ 정확한 원인은 모르겠지만 로고에 사이즈값을 주니 해결되었습니다.

  4. blue0402 2014/12/09 - 14:36 - 답글쓰기

    좋은 정보 감사합니다~!

댓글 쓰기