100% 반응형 테마를 위한 10가지 최고의 모바일 WordPress 플러그인

게시 됨: 2017-02-23

유사한 웹(SimilarWeb)의 2017년 미국 모바일 웹 현황 보고서에 따르면, 미국 웹사이트에 대한 소비자 트래픽의 약 61%가 모바일 장치에서 발생했습니다. 이는 2009년 0.7%에 비해 몇 배나 늘어난 수치입니다. 모바일 웹 트래픽은 연평균 약 10%씩 증가했으며 앞으로도 계속될 것으로 예상됩니다. 따라서 WordPress를 사용하고 있다면 귀하의 사이트가 모바일에 최적화되어 있는지 궁금할 것입니다.

웹사이트의 보안을 99.9% 유지하고 로딩 시간을 1초 미만으로 유지하는 것이 중요하지만, 모바일 중심의 세상에서는 웹사이트를 모바일 친화적으로 만드는 것이 점점 더 중요해지고 있습니다.

[bctt tweet=” 간단한 모바일 마케팅 전략을 수립하면 방문자에게 유용성과 가치를 제공하는 데 큰 성과를 거둘 수 있습니다. #WordPress” 사용자 이름=”thewpbuffs”]

이를 염두에 두고 귀하의 사이트가 모든 장치에서 반응하도록 만드는 데 사용할 수 있는 최고의 WordPress 모바일 플러그인 10가지를 자세히 설명하겠습니다.

WP Buffs 팀은 웹사이트 소유자, 대행사 파트너 및 프리랜서 파트너가 WordPress 웹사이트에 모바일 플러그인을 추가하고 설정하도록 돕습니다. 1개의 웹사이트를 관리하든, 1000개의 클라이언트 사이트를 지원하든, 우리는 여러분의 지원을 받을 것입니다.

1. WP터치 프로

WPtouch Pro*는 모바일 웹을 형성하고 발전시키는 데 도움을 주었으며 전 세계 500,000개 이상의 사이트에서 실행되고 있습니다.

이 플러그인을 설치하고 최적화하면 WPtouch Pro는 누군가가 모바일 장치에서 귀하의 사이트를 방문할 때 이를 인식합니다. 그러면 모바일에 최적화된 버전이 자동으로 표시됩니다. 간단히 말해서, 이 플러그인을 사용하면 두 가지 버전의 사이트(모바일용, 데스크톱 및 노트북용)를 준비할 수 있습니다.

WP터치

먼저 첫 번째 것들; 이 플러그인은 설정이 매우 간단합니다. 설정 마법사를 사용하면 몇 분 안에 사이트의 모바일 및 완벽하게 반응하는 버전을 실시간으로 푸시할 수 있습니다.

추가 보너스는 제목, 디스플레이, 확대/축소를 변경하고 특별 랜딩 페이지를 가질 수 있을 뿐만 아니라 사이트가 모바일*로 표시될 화면 크기를 선택할 수 있는 기능입니다.

WP터치

WPtouch에는 모바일 사이트에 대해 선택할 수 있는 다양한 옵션을 제공하는 자체 테마 라이브러리*도 있습니다. 이를 통해 웹 사이트를 처음부터 구축하지 않고도 고유한 모바일 UX를 가질 수 있습니다.

WP터치 테마

또한 테스트에서 WPtouch 테마가 데스크톱이나 반응형 테마보다 최대 5배 더 빠르다고 자랑합니다*.

WP터치 속도

또한 23개 언어*를 지원하므로 귀하 또는 귀하의 웹사이트 방문자가 어디에서 왔는지에 관계없이 귀하의 새 모바일 사이트가 귀하가 직접 접근하려는 사람들에게 맞는지 확인할 수 있습니다.

WP터치 언어

연간 $79-$360*에 WPtouch 구매

2. WordPress 모바일 팩

이 플러그인은 사용자가 웹사이트의 콘텐츠를 놀라운 진보적 모바일 웹 애플리케이션으로 변환하는 데 도움이 됩니다. 플러그인에는 개별적으로 구매하거나 번들로 함께 구매할 수 있는 여러 모바일 앱 테마가 함께 제공됩니다.

WordPress 모바일 팩

Mobile Pack은 Apple iOS 및 Android 장치는 물론 Google Chrome, Safari 등과 같은 널리 사용되는 브라우저와도 호환됩니다. 무료 버전을 사용하면 색상, 텍스트 및 기타 다양한 옵션을 변경할 수 있습니다. 프로 버전에는 더 많은 테마, 소셜 미디어 버튼, 수익 창출 옵션 등을 포함한 더 많은 기능이 있습니다.

WP 모바일 팩 플러그인

3. 모든 모바일 테마 전환기

WordPress Mobile Pack과 유사하게 모바일 장치와 동일한 테마를 데스크탑에 적용하고 싶지 않다면 어떻게 해야 할까요? 이 플러그인을 사용하면 사이트에 두 개의 활성 테마(모바일용 하나와 기타 모든 테마)를 설치할 수 있습니다. 귀하의 웹 사이트를 방문하는 장치를 감지하여 작동하며 사전 설정된 옵션에서 선택한 테마를 표시합니다.

다양한 브라우저에 표시할 다른 테마를 선택할 수도 있습니다. 테마 전환기는 사이트가 로드되기 전에 iPhone, Android, Windows Mobile 등을 감지할 수 있습니다. 귀하의 사이트에 필요한 기능을 제공하기 위한 무료 옵션과 유료 옵션이 모두 있습니다.

테마 전환기

4. 모바일 앱 플러그인

Smart Insights에 따르면 최대 89%의 모바일 사용자가 앱을 사용하여 휴대폰을 통해 웹에 액세스한다는 사실을 알고 계셨습니까? 그러한 모바일 사이트 중 하나가 되고 싶다면 이 플러그인을 사용해 보세요. 귀하의 웹 사이트를 모바일 앱뿐만 아니라 모바일 웹 사이트로 변환합니다.

모바일 앱을 설치하고 템플릿을 선택하면 사이트가 즉시 앱으로 변환됩니다. 그들이 제공하는 것을 사용자 정의하거나 직접 사용할 수도 있습니다. 방법을 모르시나요? 나이트클럽부터 자동차까지 다양한 비즈니스에 대한 테마와 팁이 있습니다.

모바일 앱 만들기

5. Smush 이미지 압축 및 최적화

페이지 로드 속도를 저하시키지 않으면서 이미지를 멋지게 유지하고 싶으십니까? 이 WordPress 플러그인을 사용하면 이미지를 미디어 라이브러리에 업로드할 때 품질 저하 없이 이미지를 자동으로 압축하고 최적화할 수 있습니다. WP Smush는 압축 중에도 더 큰 이미지를 축소하기 위해 최대 너비와 높이에 대한 규칙을 만들 수 있습니다.

스머쉬

대용량 이미지 파일로 인해 자신도 모르게 모바일 사이트 속도가 느려질 수 있습니다. 플러그인은 보이지 않는 고급 기술을 사용하여 이미 업로드된 이미지라도 모든 이미지를 빠르게 압축합니다. 또한 사이트 속도를 저하시키지 않고 불필요한 데이터를 모두 삭제합니다. 설치하고 옆에 나타나는 "smush now" 버튼을 눌러 압축이 필요한 이미지를 선택하세요.

6. 최대 메가 메뉴

웹사이트를 모바일에 최적화하는 데 있어 가장 어려운 부분 중 하나는 메뉴나 탐색입니다. 일부 테마는 이를 고려하지 않아 모바일 장치에 왜곡되고 사용하기 어려운 메뉴를 제공합니다. 이 모든 것을 변경하려면 Max Mega Menu 플러그인을 사용하세요. 이를 사용하면 다양한 일반 WordPress 위젯을 메뉴에 추가하고, 고급 테마 편집기로 메뉴 스타일을 변경하고, 다양한 장치에서 메뉴가 작동하는 방식을 변경할 수 있습니다.

맥스 메가 메뉴

또한 데스크탑 사이트의 메뉴를 최적화하기 위한 훌륭한 도구로, 모바일 방문자에게는 단순함을 유지하면서 데스크탑 사용자에게는 멋진 이미지를 표시하도록 할 수 있습니다. 모바일 장치에서는 텍스트를 숨기거나, 링크를 비활성화하거나, 심지어 메뉴를 완전히 숨길 수도 있는 옵션도 있습니다. 모바일 옵션에는 검색 기능, 아이콘, 로고 모바일 토글 블록도 포함됩니다.

메뉴 wp 플러그인

7. 동적 위젯

페이지와 게시물에 위젯을 사용하면 모바일 장치를 통해 방문자가 방문할 때 귀중한 웹 공간을 낭비하게 될 수 있습니다. 이러한 위젯은 때때로 페이지 하단에 함께 모여 웹 사이트의 전반적인 즐거움을 떨어뜨리면서 왜곡되어 보일 수 있습니다.

동적 위젯을 사용하면 조건부 논리 규칙을 통해 위젯을 표시하거나 숨기는 옵션을 제공하여 위젯을 표시할 페이지를 선택할 수 있습니다. 사용자는 WordPress 역할, 브라우저 유형, IP 주소, 언어(WPML 또는 QTranslate 사용), URL, 단일 게시물, 단일 페이지 및 모바일 장치에서도 이러한 규칙을 설정할 수 있습니다.

동적 위젯

8. Real Favicon Generator의 파비콘

이 블로그 탭 상단에 있는 저 행복한 사람을 보셨나요? 그것이 바로 WP Buffs 파비콘입니다. 귀하의 사이트를 보기 좋게 만드는 멋진 터치입니다. 그러나 모바일 장치에서는 사이트에 대한 일종의 북마크 역할도 합니다. 이 플러그인을 사용하면 iPhone, iPad, Android, Windows 태블릿은 물론 데스크톱이나 노트북과 같은 모바일 장치에 대한 다양한 파비콘을 생성하고 설정할 수 있습니다. 모든 경우에 적용되는 단일 솔루션에 대한 단일 이미지를 생성하지 않습니다.

Favicon은 귀하의 사이트를 방문하는 모바일 장치에 필요한 모든 아이콘을 생성합니다. Chrome, Firefox, Safari, Opera, IE 및 Camino를 포함하여 iOS 및 Android에 최적화된 파비콘을 자동으로 생성합니다.

RealFaviconGenerator의 파비콘

9. 초석 페이지 빌더

이 프리미엄 페이지 빌더를 사용하여 웹사이트에 다양한 요소를 추가하세요. 여기에는 고급 위젯을 추가할 수 있는 고급 행, 열 및 섹션이 포함됩니다.

100% 프런트 엔드이므로 페이지 빌더가 왼쪽에 있고 콘텐츠가 오른쪽에 있으므로 변경 사항을 볼 수 있습니다. 이렇게 하면 저장하고 게시하기 전에 어떻게 보일지 확인할 수 있습니다. 현재 경고, 블록 그리드, 기능 목록, 오디오 플레이어, 스킬 바 등과 같은 고유한 항목을 포함하여 각 페이지에 추가할 수 있는 42개의 요소가 있습니다.

또한 텍스트 블록 및 이미지 추가와 같은 전통적인 요소도 있습니다. 그러나 모바일 WordPress 사이트의 가장 좋은 기능은 방문자가 화면이 너무 작아서 볼 수 없을 때 모든 요소를 ​​숨길 수 있다는 것입니다. 요소를 표시할 장치를 선택하면 됩니다. Cornerstone Page Builder는 Themeco의 인기 있는 X WordPress 테마에 포함되어 있지만 $39가 있으면 테마용으로 구입할 수 있습니다.

기초

10. 지금 전화 버튼

현실을 직시하자면, 귀하가 모바일 방문자로부터 원하는 것은 그들이 귀하의 사이트를 검색하는 데 사용하는 휴대폰을 사용하여 귀하의 상품이나 서비스에 관해 귀하에게 전화하는 것입니다. 이 WordPress 플러그인을 설치하면 쉽게 사용할 수 있습니다. "지금 전화하세요"라는 효과적인 버튼을 배치하거나 다른 대형 장치에서는 볼 수 없는 아이콘을 모바일 장치 화면에 표시합니다.

지금 전화하세요

이러한 모바일 방문자는 이미 휴대폰을 사용하고 있기 때문에 버튼 하나만 누르면 쉽게 전화를 걸 수 있습니다. Call Now 플러그인에 전화번호, 버튼 색상, 표시 위치를 입력하기만 하면 됩니다. Google Universal Analytics 및 Google Classic Analytics를 포함한 플러그인과 클릭 추적 방법을 통합할 수도 있습니다. 버튼을 표시할 페이지를 선택할 수도 있습니다.

wp 플러그인 호출

보너스: 모바일 사이트를 테스트해 보세요

좋습니다. 플러그인은 아니지만 사이트가 모바일 친화적인지 테스트하고 싶다면 이 무료 도구를 사용하세요. Google 모바일 친화성 테스트는 사이트가 휴대기기에서 어떻게 보이는지 테스트하고 보여줍니다. 예를 들어, 테스트를 통해 WP Buffs 사이트를 실행했는데 테스트에서 양성 결과가 나왔습니다. 또한 참조로 사용할 수 있는 사이트 전체의 모바일 사용성 보고서도 제공했습니다. 모바일 친화성 테스트를 수행하려면 Google Search Console 계정이 필요할 수 있습니다.

모바일 사이트 테스트

마무리

이것이 귀하의 WordPress 사이트를 최대한 활용하고 더 많은 모바일 방문자와 관련 전환을 제공하는 데 도움이 되기를 바랍니다. 물론, WordPress 플러그인의 세계는 항상 변화하고, 새로운 기능을 추가하고, 개선되고 있습니다. 따라서 사이트를 중단시키는 대신 더욱 최적화할 수 있는 최신 호환 플러그인을 최신 상태로 유지하십시오.

피드백을 제공하고 싶거나 대화에 참여하고 싶으신가요? Twitter에 의견을 추가하세요.