WPTouch: WordPress를 모바일 친화적으로 만들기

모바일 방문자를 처리할 수 있는 몇 가지 방법이 있습니다. 한 가지 방법은 데스크탑 디자인과 동일한 HTML을 사용하지만 CSS를 사용하여 페이지가 표시되는 방식을 변경하는 반응형 디자인을 사용하는 것입니다. 이 방법은 페이지당 하나의 URL만 있도록 보장하므로 Google과 같은 검색 엔진에서 선호됩니다.

또 다른 방법은 방문자를 위한 모바일 앱을 만드는 것입니다. 이를 통해 귀하의 콘텐츠가 방문자에게 표시되는 방식을 사용자 정의할 수 있습니다. 그러나 이는 방문자가 데스크탑에서와 동일한 URL을 사용하여 귀하의 콘텐츠를 보지 않는다는 것을 의미합니다.

오늘은 WordPress 플러그인 WPtouch에 대해 이야기하겠습니다. 플러그인은 모바일 방문자가 페이지를 보는 시기를 감지하고 세련된 사용자 친화적인 모바일 테마를 표시합니다.

WPtouch에 대해 많은 사람들이 놀란 점은 전용 모바일 애플리케이션에서 기대할 수 있는 것과 동일한 종류의 인터페이스를 제공한다는 것입니다. 그러나 플러그인은 단순히 모바일 방문자에게 맞춤 테마를 표시하는 것뿐입니다. 따라서 일반 반응형 디자인과 관련된 SEO 이점과 함께 전용 모바일 애플리케이션과 관련된 향상된 사용자 경험을 제공합니다.

또한 이 플러그인은 방문자에게 WPtouch를 비활성화하고 스마트폰에서 웹사이트의 데스크톱 디자인을 볼 수 있는 옵션을 제공합니다. 많은 스마트폰의 화면이 직경 5인치 이상이므로 이는 유용한 기능이므로 방문자는 일반 디자인을 선호할 수 있습니다.

WPtouch는 기본적으로 훌륭하게 작동하지만 플러그인을 사용하면 모바일 디자인 방식을 크게 제어할 수 있습니다. 플러그인이 무엇을 할 수 있는지 좀 더 자세히 살펴보겠습니다.

핵심 설정

모바일 디자인의 제목은 기본적으로 웹사이트 제목으로 설정되지만 변경할 수 있는 옵션도 제공됩니다. 관리자를 위한 미리보기 모드와 Google Analytics 및 기타 사용자 정의 코드를 추가할 수 있는 상자도 있습니다.

플러그인을 사용하면 모바일 디자인을 사용할 때 스타일 단축 코드를 비활성화할 수 있습니다. 이는 모바일 테마의 작은 크기에 적합하지 않은 단축 코드를 사용하는 경우 유용합니다.

특정 URL에 대해 WPtouch를 비활성화하고 WPtouch가 사용될 장치를 정의할 수도 있습니다. iOS 장치, Android, Blackberry 및 webOS를 포함하여 대부분의 사용자 에이전트가 이미 정의되어 있습니다.

테마 및 확장

WPtouch는 무료로 다운로드할 수 있지만 프리미엄 버전은 49달러부터 이용할 수 있습니다. 무료 버전은 Bauhaus라는 디자인으로 패키지되어 제공됩니다. WPtouch Pro에는 4가지 추가 디자인이 포함되어 있습니다.

WPtouch Pro는 플러그인 기능을 향상시키는 세 가지 확장 기능도 제공합니다. 여기에는 캐싱 모듈, 모바일 사용자를 위해 이미지 크기를 줄이는 모듈, 모바일 사용자에게 특정 콘텐츠를 표시할 수 있는 모듈이 포함됩니다.

주제 설정

표시되는 블로그 게시물 수 등 기본 웹사이트에서 사용되는 설정을 모바일 디자인에서도 변경할 수 있습니다. 카테고리, 작성자 세부정보, 댓글 표시 여부도 선택할 수 있습니다.

테마 슬라이더는 최신 블로그 게시물, 특정 태그가 있는 게시물 또는 특정 카테고리(예: 뉴스)의 게시물을 표시할 수 있습니다. 게시물과 페이지 ID를 사용하여 표시할 정확한 게시물과 페이지를 선택할 수도 있습니다.

테마 글꼴과 색상은 브랜딩 섹션을 통해 쉽게 변경할 수 있습니다. 웹사이트 로고를 업로드하고, 소셜 미디어 링크를 표시하고, 사용자 정의 HTML 바닥글을 만들 수도 있습니다.

WPtouch를 사용하면 Android 및 iOS 사용자가 웹 사이트를 북마크할 때 표시되는 아이콘을 변경할 수도 있습니다.

메뉴

플러그인은 WordPress 메뉴 시스템을 활용합니다. 따라서 상단 메뉴를 사용자 정의하는 것이 쉽습니다. 여러분이 해야 할 일은 새 메뉴를 생성한 다음 설정 영역에서 해당 메뉴를 지정하는 것뿐입니다.

아이콘은 각 메뉴 항목과 연관될 수 있습니다. 원하는 아이콘을 해당 메뉴 항목으로 끌어다 놓으면 됩니다.

플러그인에는 12개의 아이콘 세트가 포함되어 있습니다. 모든 세트는 무료 버전의 플러그인에 포함되어 있으므로 사용 중인 아이콘을 변경하기 위해 업그레이드할 필요가 없습니다. 자신만의 아이콘을 업로드하는 옵션도 있습니다.

모바일 디자인

세상의 모든 구성 옵션이 모바일 디자인이 좋지 않으면 아무 의미가 없습니다. 다행히도 그렇지 않습니다. 처음에 언급했듯이 디자인은 일반적으로 전용 모바일 애플리케이션과 연관되는 모양과 느낌을 가지고 있습니다. 전문적인 디자인은 보기에도 좋고 콘텐츠 탐색도 쉽습니다.

방문자는 데스크톱 디자인에서와 마찬가지로 다른 게시물로 이동하고 댓글을 게시할 수 있습니다.

개요

WPtouch는 제가 가장 좋아하는 WordPress 플러그인 중 하나입니다. 이는 모바일 친화적인 웹사이트 버전을 만드는 가장 쉽고 저렴한 방법입니다. 이는 아직 반응형 테마를 사용하지 않는 분들에게 훌륭한 선택이 될 것입니다.

반응형 디자인을 갖고 있는 사용자라도 전환을 원할 수 있습니다. 개발자들은 자신의 모바일 디자인이 대부분의 반응형 디자인보다 2~3배 더 빠르게 로드된다고 주장합니다. 최소한의 디자인을 로드하는 것이 더 빠르다는 것은 이해가 되지만 직접 테스트하지는 않았습니다.

무료 버전의 플러그인에는 필요한 모든 것이 있지만 확장 기능을 활용하려면 WPtouch Pro를 고려할 수도 있습니다. 특히, 캐싱 플러그인은 다양한 장치에 맞게 이미지를 최적화하기 위해 즉시 이미지 형식을 다시 지정하므로 로딩 시간을 크게 향상시킬 수 있는 것처럼 보입니다. 플러그인의 프리미엄 버전을 사용하면 단일 티켓 지원 시스템 중 하나에 대한 액세스 권한도 부여됩니다.

먼저 WPtouch 무료 버전을 사용해 보시기 바랍니다. 기능이 마음에 들면 업그레이드할 가치가 있는지 검토할 수 있습니다.

이 리뷰가 즐거웠기를 바랍니다. 그렇다면 최신 기사에 대한 업데이트를 위해 WPExplorer를 구독하는 것이 좋습니다 ?

케빈