[워드프레스] 아바다 테마에서 반응형 비활성화하기

들어가며

베스트 셀링 1위를 기록하고 있는 워드프레스용 테마인 AVADA
베스트 셀링 1위를 기록하고 있는 워드프레스용 테마인 AVADA

아바다(AVADA)는 워드프레스에서 가장 유명한 테마 중 하나라는 데에 이견이 없을 것입니다. 유료 테마로 현재까지 23만 개나 판매되었고 100만 개 이상의 사이트에 설치되어 있다고 하니 놀랍지 않을 수 없습니다.

특히 아바다는 최근 4.0대로 버전 업하면서 기능이 더욱 강화되었습니다. 특히 테마 옵션 패널을 새롭게 바꾸어 코드를 수정하지 않고도 원하는 디자인을 실현할 수 있다고 선전하고 있네요.

아바다의 테마 옵션에 들어가보면 정말로 많은 옵션을 제공합니다. 한글 언어 파일(.po 파일)을 적용해도 군데군데 영어로 남겨져 있습니다.

AVADA Korean PO file

아바다의 .po 파일을 분석해보면 위와 같이 약 40% 정도가 번역된 상태입니다. 따라서 열의 넷은 영어로 남겨져 있는 상태입니다. 의아한 것은 테마 파일에 왜 저렇게 많은 분량의 텍스트가 있는지 모르겠습니다. 아바다 테마에 언어 파일을 적용시키는 방법은 "워드프레스 아바다 테마에서 한글 적용하기"를 참고해보시기 바랍니다.

아바다 테마는 많은 옵션과 기능을 제공하므로 이 테마 하나를 가지고 다양한 사이트를 구축할 수 있습니다. 실제로 일부 디자이너나 전문가들을 보면 AVADAEnfold 등 하나의 테마만을 가지고 원하는 디자인의 사이트를 구축하는 것을 종종 목격합니다. 따라서 워드프레스로 사이트를 만드는 일을 전문적으로 하려는 경우 아바다나 엔폴드 등 하나의 테마만을 가지고 집중적으로 연습하는 것도 좋은 방법 같습니다. (참고로 Enfold는 현재 주간 베스트 셀링 3위에 올라와 있으며 옵션은 아바다보다 적은 편이지만 IE를 8부터 지원하고 사용도 비교적 쉬운 편입니다. IE8부터 지원한다고 나와 있지만 슬라이더 등을 사용하면 제대로 지원이 안 될 가능성도 있으니 참고하시기 바랍니다.)

반응형 기능 비활성화하기

최근에 나오는 대부분의 워드프레스는 반응형(Responsiveness)으로 나옵니다. 즉, 기기 해상도에 따라 레이아웃이 기기에 맞게 바뀌도록 설계되어 있습니다. 하지만 간혹 이런 반응형 기능을 없애고 데스크톱 레이아웃으로만 표시되기를 원하는 분들이 간혹 있습니다. 보통 반응형 기능을 비활성화하려면 다음 코드를 헤더 파일에서 제거하고:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

스타일시트 파일에서 모바일 기기에 해당하는 미디어 쿼리를 모두 제거해주어야 합니다. 즉, 코드를 어떻게 작성했는가에 따라 쉬운 일이 아닐 수 있습니다. (모바일 레이아웃 비활성화 사례에 대한 이 글을 참고해보시기 바랍니다.)

하지만 아바다에서는 매우 간단하게 반응형 기능을 비활성화시킬 수 있습니다. 아래 그림과 같이 워드프레스 대시보드에서 Avada > 테마 옵션 > Responsive를 선택한 다음 "반응형 디자인"을 Off로 설정하면 됩니다.

Disable Responsiveness in AVADA

정말로 쉽죠~잉? 이제 모바일에서도 데스크톱에서와 동일한 레이아웃이 표시될 것입니다. 이 기능을 보고 과연 아바다라는 생각이 들었습니다. 매우 세세한 기능까지 신경을 써는 이러한 태도가 오늘날 세계 1위 워드프레스 테마의 자리에 오르게 하지 않았나 생각되네요.

참고:

댓글 남기기

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드