PC와 모바일에서 다른 워드프레스 테마 사용하기

일반적으로 워드프레스 테마는 반응형으로 작동하므로 데스크탑(PC)에서 표시되는 레이아웃과 스마트폰 등 모바일에서 표시되는 레이아웃이 다릅니다.

간혹 모바일에서 표시되는 레이아웃이 마음에 들지 않기 때문에 모바일에서는 다른 테마를 사용하기를 원할 수 있습니다. 단순히 CSS를 사용하여 모바일에서 다르게 레이아웃을 수정하는 것이 아니라 테마 자체를 PC일 때와 모바일일 때 다르게 사용하고 싶은 경우입니다.

이 상황에서 사용할 수 있는 플러그인으로 Any Mobile Theme Switcher라는 테마가 있습니다.

PC, 태블릿, 스마폰에서 다른 워드프레스 테마를 사용할 수 있도록 하는 Any Mobile Theme Switcher

워드프레스 테마 전환 플러그인

이 플러그인은 모든 모바일 브라우저를 감지하여 관리자 페이지에서 설정한 설정에 따라 모바일 테마를 로드합니다.

  • 아이폰/아이패드(Iphone / Ipod)
  • Ipad
  • Palm Os
  • Android
  • Android 탭
  • Windows 모바일
  • 블랙버리(Blackberry)
  • Opera Mini
  • 기타 모바일 브라우저

이 플러그인을 설치하면 워드프레스 알림판의 설정 아래에 "Any Mobile Theme"이라는 메뉴가 생성됩니다.

워드프레스 모바일 테마 전환기

이 플러그인 사용하면 아이폰, 아이패드, 안드로이드 등 기기/모바일 브라우저에 따라 세부적으로 설정이 가능합니다.

이 테마를 몇 년 전에 사용하여 데스크톱일 때와 모바일일 때 다른 테마를 로드하도록 구성한 적이 있습니다. 그 사이트를 지금까지 사용하고 있는데 잘 작동하고 있습니다. 당시 테마가 비반응형이라서 모바일 기기에서도 PC와 동일한 화면이 표시되었습니다. 그래서 궁여지책으로 이 플러그인을 사용했습니다.

이 플러그인의 적용 성패는 두 테마에 포함된 커스텀 포스트 타입을 어떻게 처리해주냐에 달려 있을 것 같습니다. 당시 데스크탑용 테마에 특이한 커스텀 포스트 타입이 있었는데, 이 포스트 타입을 모바일용 테마에서는 인식하지 못해서 그것을 인식시키기 위해 두 테마를 열심히 비교하여 수정했던 기억이 납니다. (정말 박터지는 줄 알았습니다.ㅎㅎ)

PC용과 모바일용으로 다른 테마를 적용하고 싶은 경우에 이 플러그인을 고려해볼 수 있습니다.

그냥 간단히 WPtouch Mobile Plugin 같은 플러그인을 사용하는 것이 가장 스트레스를 덜 받을 것 같습니다. JetPack에서도 모바일 테마 플러그인이 내장되어 있습니다. 젯팩을 사용하는 경우 젯팩에 포함된 모바일 테마를 사용해도 되고요.


10개 댓글

    1. 젯팩을 찾아보고 있는데 Jetpack Mobile theme이 안 보이네요. 젯팩이 여러 개로 분리되었는데, 시간이 날 때 한 번 찾아보겠습니다.

  1. 예전에 더 버지에서 특집으로 모바일 기기마다 다른 형태의 화면을 뿌려주는 특집기사가 생각나네요

    그때만 해도 잘 모르던 시절이라 어떻게 저걸 일일히 다 걸러냈을까 싶었는데 편리한 플러그인 있었네요 ㅎㅎ

    1. 이 플러그인을 한 사이트에 사용하고 있는데 속도 저하도 별로 없습니다. 잘 만든 플러그인 같다는 생각이 듭니다. 하지만 이런 플러그인을 사용하지 않고 하나의 테마로 만드는 것이 제일 맘 편한 것 같습니다.ㅎㅎ

    1. 일반적으로 사용되는 무료 캐시 플러그인(w3 total, wp super cache)의 경우 모바일용 캐시 기능을 제공하는지 않는 것으로 알고 있는데요, 이 플러그인을 사용하면 모바일용 캐시 기능을 이용할 수 있는 것인가요? 제가 제대로 이해했는지 모르겠네요.ㅎㅎ

      1. w3 total cache 는 지원여부를 모르겠지만 wp super cache 의 경우 WPTouch Mobile Plugin 을 지원해서 캐쉬가 따로 생깁니다.

        반응형 테마만으로 사이트를 구성했을때 생길수있는 캐쉬문제가 테마 두개 사용으로 해결할수 잇습니다

      2. 좋은 정보 감사합니다.
        Any Mobile Theme Switcher의 경우 Pro 버전에서 W3 Total Cache가 지원된다고 하네요.

        WPTouch Mobile Plugin은 W3 Total Cache와 WP Super Cache를 모두 지원하네요.ㅎㅎ

        모바일 버전이 너무 느리다면 고려해볼 수도 있을 것 같네요.

      3. 좋은 포스트 꺼리를 알려주셔서 감사합니다.
        사이트에서 광고를 자주 클릭해드릴게요ㅎㅎ

        사실 작성할 소재는 꽤 있는데 작성하기 싫어질 때가 있네요. 이때까지 작성한 것을 영어로 번역해볼까도 생각 중입니다.ㅎㅎ 물론 콩글리쉬로 온라인 세계의 물을 흐려놓겠지만...

댓글 남기기

* 이메일 주소는 공개되지 않습니다.