워드프레스 Avada 테마 반응형 비활성화하기
최근에 나오는 대부분의 테마는 기기 해상도에 맞게 레이아웃이 표시되는 반응형으로 작동합니다. 드물지만 간혹 반응형을 비활성화하기를 원하는 사용자들이 있습니다. 인기 워드프레스 테마인 Avada 테마와 Enfold 테마 등에서는 반응형을 비활성화하는 옵션이 제공됩니다.
워드프레스 Avada 테마 반응형 비활성화하기
아바다 테마에서 반응형 기능을 해제하려면 워드프레스 관리자 페이지 > Avada > Options > Response로 이동하여 반응형 디자인 옵션을 Off로 설정하면 됩니다.
참고로 아바다 테마의 아바다 빌더(이전 명칭 Fusion Builder)에서는 기기 해상도에 따라 레이아웃을 설정할 수 있는 기능이 제공됩니다.
무료 페이지 빌더인 엘리메터 페이지 빌더(Elementor)에서도 기기(모바일/태블릿/데스크탑)에 따라 레이아웃을 다르게 설정할 수 있습니다.
워드프레스 Enfold 테마 반응형 비활성화하기
엔폴드 테마에도 반응형 기능을 비활성화할 수 있는 옵션을 제공합니다. Enfold 테마의 반응형 레이아웃 기능을 해제하려면 워드프레스 관리자 페이지 > Enfold > General Layout으로 이동하여 Dimensions 탭을 선택하고 Responsive Site 옵션을 Off로 설정하면 됩니다.
워드프레스 Newspaper 테마 반응형 비활성화하기
몇 달 전에 뉴스페이퍼 테마를 반응형으로 작동하지 않고 모바일에서도 PC 버전과 동일하게 표시되도록 바꾸기를 원하는 분이 있어서 뉴스페이퍼 테마 개발자에게 이 문제를 문의한 적이 있습니다. 뉴스페이퍼 지원 담당자는 왜 반응형을 비활성화하려고 하는지 의아해 했습니다.
Please take note that it will have a negative impact on the user experience on mobile devices as visitors will need to use their fingers to zoom and move in the viewport.
방문자들이 모바일 기기에서 손가락을 사용하여 뷰포트에서 화면을 확대/축소하고 이동해야 하기 때문에 사용자 경험에 부정적인 영향을 미칠 수 있습니다.
반응형을 해제하면 모바일 방문자들의 사용자 경험(UX)에 부정적인 영향을 미칠 수 있습니다. 모바일 레이아웃이 마음에 들지 않는 경우 테마나 페이지 빌더에서 제공하는 기능을 최대한 활용하여 모바일 기기에서의 레이아웃을 수정해보고, 그래도 잘 안 되는 경우 CSS를 사용하여 원하는 대로 변경을 시도해보면 좋을 듯합니다.
뉴스페이퍼 테마에서 반응형(Responsiveness)을 비활성화하려면 Standard Pack 플러그인에서 https://prnt.sc/shccq2 메타를 삭제해야 한다고 합니다. Standard Pack 플러그인을 사용하지 않는 경우에는 tagDiv Composer로 이동하여 삭제할 수 있다고 합니다.
이 방법으로 잘 안 되는 경우 뉴스페이퍼에 지원을 요청하면 도움을 받을 수 있을 것입니다. 뉴스페이퍼는 종종 업데이트되면서 이전에 잘 작동하던 방법이 잘 먹히지 않는 경우가 있습니다.
모바일 기기와 PC에서 사이트 레이아웃을 다르게 만드는 방법에 대한 내용은 "워드프레스 모바일과 PC 레이아웃 다르게 만드는 방법"을 참고해보세요.
마치며
저는 워드프레스 시작할 당시 Primero라는 테마를 구입하여 사용한 적이 있습니다. Primero는 오래 전에 출시된 테마로서 지금은 엔바토 마켓에서 제거된 상태입니다. 이 테마는 비반응형으로 작동했기 때문에 힘들게 반응형으로 작동하도록 만들었던 적 기억이 나네요.
요즘은 모바일 사용자가 많기 때문에 반응형을 비활성화하는 것은 권장하지 않습니다. 반응형을 꼭 비활성화하고 싶다면 아바다나 엔폴드를 사용하면 반응형을 해제하는 옵션이 제공되므로 쉽게 비활성화할 수 있습니다. 유료 테마를 사용하는 경우 테마 판매자에게 문의하면 지침을 받을 수 있을 것입니다.