Divi 테마에서 반응형 비활성화하기

요즘 나오는 거의 대부분의 테마는 반응형으로 나와서 기기에 따라 레이아웃이 적절히 표시되도록 만들어졌습니다.

Elegant Themes의 Divi 테마도 마찬가지로 스마트폰이나 태블릿 화면에 적합하도록 레이아웃이 표시됩니다.

이러한 반응형 기능을 비활성화하려는 경우, 아래와 같은 방법으로 Divi 테마에서 반응형 기능을 비활성화할 수 있습니다.

먼저 차일드 테마를 만들고, 차일드 테마 내의 함수 파일(functions.php)에 다음 코드를 추가합니다.

function et_add_viewport_meta(){
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />';
}
add_action( 'wp_head', 'et_add_viewport_meta' );

다음으로 테마 내의 style.dev.css 파일에서 다음과 같은 반응형 코드 부분을 모두 삭제하도록 합니다.

/* Responsive Styles Tablet And Below */

/* Responsive Styles 782px */

/* Responsive Styles Tablet Portrait */

/* Responsive Styles Smartphone Only */

/* Responsive Styles Smartphone Portrait */

/* Responsive Styles Tablet Portrait And Below */

해외 웹호스팅 고대디의 집계에 따르면 Divi 테마가 가장 많이 사용되는 유료 테마라고 하네요.

Divi 테마의 샘플을 여기에서 확인해볼 수 있습니다.

참고:

Leave a Comment