avada-hotel-demo-changed

[워드프레스] 아바다 테마에서 헤더 위치 변경하기

들어가며

아바다(Avada)는 테마포레스트(Themeforest)에서 오랫동안 판매 1위를 유지하고 있는 인기 유료 테마입니다. 다목적 테마(Multipurpose Theme)인 아바다는 특히 많은 테마 옵션을 제공하므로 별다른 코딩 기술이 없어도 쉽게 이용할 수 있는 것이 강점입니다.

아바다의 인기 요인은 여러 가지가 있지만 이러한 사용 편의성도 베스트 셀링 테마로 오랫동안 유지하는 데 일조하고 있는 것 같습니다.

아바다에서도 다양한 데모를 제공합니다. 아바다 데모 중에서 Hotel 데모를 로드하면 그림과 같이 헤더(Header)가 사이드바 위치에 와 있습니다. 즉, 아바다에서는 헤더를 상단, 왼쪽(좌측) 또는 오른쪽(우측)에 배치할 수 있는 옵션을 제공합니다. 참고로 Enfold 테마의 경우 이런 옵션을 제공하고 있지 않네요. Be 테마를 살펴보니 Be 테마는 상단, 좌우뿐만 아니라 하단(아래쪽)에도 헤더를 배치할 수 있는 옵션을 제공하네요.

아바다 테마 호텔 데모

아바다 테마에서 헤더 위치 변경하기

Avada에서 헤더 위치를 사이드바 위치에서 상단 위치로 변경하려면 Avada >  테마 옵션 > Header > Header Content(헤더 콘텐츠) 아래의 “Header Position(헤더 위치)“에서 변경할 수 있습니다.

아바다 헤더 위치 변경

Top(상단), Left(왼쪽), Right(오른쪽) 중에서 선택할 수 있으며 Top을 선택하면 헤더 레이아웃을 지정하는 추가 옵션을 선택할 수 있습니다.

아바다 헤더 레이아웃위의 그림과 같이 5가지 헤더 레이아웃 중에서 하나를 선택할 수 있습니다. 네 번째 레이아웃을 선택하면 Avada Hotel 데모의 헤더가 다음 그림과 같이 바뀝니다.

avada-hotel-demo-changed

브릿지(Bridge) 테마에서 헤더 위치를 왼쪽으로 바꾸기

아바다나 Be 테마 외에도 Bridge 테마에서도 비슷한 기능을 제공합니다.

bridge-sidebar-header

Bridge 테마의 경우 Bridge Architect Studio 데모에서 헤더가 사이드바 위치에 배치되어 있는 것을 볼 수 있습니다. Bridge 테마에서는 워드프레스 알림판(대시보드)에서 Qode Options > Header > Header Position(헤더 위치)에서 변경할 수 있습니다.

워드프레스 브릿지 테마 헤더 위치

“Switch to Left Menu”(왼쪽 메뉴로 전환)Yes로 지정하면 상단의 헤더가 왼쪽 사이드바 위치로 전환되고, Header Position 옵션 아래에 “Left Menu Area“가 표시되면서 세부적인 옵션을 지정할 수 있습니다.

마치며

이처럼 헤더를 상단 위치가 아닌 다른 위치로 변경하고 싶은 경우 아바다, Be 테마, Bridge 등과 같은 테마를 선택할 수 있습니다. 다른 방법으로 Superfly와 같은 플러그인을 사용할 수 있지만 별로 권장하고 싶지 않습니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.