WordPress Mobile Pack plugin

개요

휴대폰 도메인인 .mobi 주소를 관리하는 .dotMobi 사에서 개발이 시작된 플러그인으로 무료로 사용 가능합니다.

 

WordPress Mobile Pack 주요기능

( 출처 : 워드프레스를 이용한 모바일웹 개발 )

– 접속환경(Mobile, Desctop등)에 따라 자동으로 환경에 맞는 웹페이지를 보여줌

– 화면 사이즈에 맞게 이미지 리사이징

– Mobile Device에서 미디어 제거

– Mobile version의 WordPress admin panel 제공

 

평가

mobile presswp mobile detectorwp mobile pack 는 웹사이트를 접속하는 디바이스를 자동으로 판단해서 모바일 페이지로 연결시키는 플러그인입니다. 기본으로 mobile press는 2개, wp mobile detector는 7개, wp mobile pack은 4개의 테마를 포함하고 있고, 포함된 테마가 아니더라도 PC용 테마를 자동으로 모바일 사이즈에 맞게 줄여서 보여 줍니다. 다만, 첨부된 이미지의 리사이징이 완벽하지 못함이 아쉽습니다.(출처 :  워드프레스 모바일 페이지 추천 플러그인 )

 

PWA 설치 전 요구 사항

  1. 귀하의 WordPress 웹 사이트는 HTTPS 보안이되어 있어야합니다. 즉; 주소 표시 줄에 녹색 자물쇠 표시 (보안 연결에서 생성)

 

설치

기타 플러그인들과 동일한 방법으로 설치합니다. 관리자페이지에서 [플러그인] > [플러그인 추가] 하시어 설치하세요.

사용법

구성

기본적으로 아래의 6개 파트로 구성되어 있습니다.

wordpress mobile pack_메뉴

 

1. Quick Start

Get Started with WordPress Mobile Pack

1 단계. 모바일 웹 앱의 모양과 느낌을 맞춤 설정하십시오.사용 가능한 색상 구성 및 글꼴 중에서 선택하고 로고 및 응용 프로그램 아이콘을 추가하여 모바일 웹 응용 프로그램을 사용자 정의하십시오. 기본 테마에는 앱을 잡지 풍미를 줄 수 있도록 하며 화면에 무작위로 표시되는 6 개의 추상 표지가 있습니다. 자신의 표지를 업로드하여 모바일 웹 응용 프로그램을 더욱 개인화 할 수 있습니다.

이 짧은 비디오 자습서 (PRO 버전을 위한 동영상입니다.) 에서 어떻게 완료 되었는지 확인하십시오.

Step 2. Decide on the content you want for your appFrom the Content tab, choose what categories & pages to be displayed in your mobile web application. Click on the rows to show/hide categories & pages and order them by dragging the corresponding row on the desired position.

2 단계. 앱에 대해 원하는 콘텐츠를 결정하십시오.로부터 컨텐츠 탭, 모바일 웹 응용 프로그램에서 표시 할 어떤 범주 및 페이지를 선택합니다. 행을 클릭하여 카테고리 및 페이지를 표시 / 숨기고 원하는 위치에서 해당 행을 드래그하여 순서를 지정하십시오.

Step 3. Edit your app’s settingsFrom the Settings tab, edit the Display Mode of your app to enable/disable it for your mobile readers. The Preview mode lets you edit your app without it being visible to anyone else.

You can also add your own Google Analytics ID to get more insights on the way your mobile visitors interact with the application.

Step 4. Grow your mobile trafficJoin our free Mobile Growth Academy and receive weekly lessons on how to improve your mobile strategy and grow your mobile traffic. Upon graduating the first 10 mobile growth lessons, you’ll be awarded with a 20% discount certificate to be used with WP Mobile Pack PRO.

Step 5. Customize, extend and contribute to WP Mobile PackWP Mobile Pack is a great way to combine the versatility of the most popular CMS in the world with powerful JavaScript Frameworks out there (such as AngularJS/Ionic, ReactJS, VueJS and others) to produce robust progressive web applications. A great way to start is by going through our technical Documentation and GitHub public repository. Don’t hesitate to get in touch if you have any questions or you want to contribute to extending WP Mobile Pack.

WordPress Mobile Pack 시작하기

3 단계. 앱 설정 수정로부터 설정 탭 편집 디스플레이 모드 앱 활성화 / 모바일 독자를 비활성화 할 수 있습니다. 미리보기 모드는 당신이 다른 사람에게 표시하지 않고 귀하의 응용 프로그램을 편집 할 수 있습니다.

나만의 Google 웹 로그 분석 ID 를 추가하여 모바일 방문자가 애플리케이션과 상호 작용하는 방식에 대한 더 많은 정보를 얻을 수도 있습니다 .

4 단계. 모바일 트래픽 증가무료 모바일 성장 아카데미에 가입 하여 모바일 전략을 개선하고 모바일 트래픽을 증가시키는 방법에 대한 주간 강의를 받으십시오. 처음 10 개의 모바일 성장 레슨 을 마치면 WP Mobile Pack PRO 와 함께 사용할 20 % 할인 인증서 가 수여됩니다 .

5 단계. WP 모바일 팩 사용자 정의, 확장 및 제공WP Mobile Pack은 세계에서 가장 널리 사용되는 CMS의 다양성과 강력한 JavaScript 프레임 워크 (예 : AngularJS / Ionic, ReactJS, VueJS 등)를 결합하여 강력한 프로그레시브 웹 응용 프로그램을 제작할 수있는 좋은 방법입니다. 가장 좋은 방법은 기술 문서 와 GitHub 공용 저장소를 살펴 보는 것 입니다. 주저하지 말고 연락 질문이 있거나 WP 모바일 팩을 확장에 기여하고자합니다.

2. App Themes

맨위에 테마는 무료이고 아래의 테마들은 유료로 가격은 $19 ~ $49 사이입니다.

PRO(유료)는   1 도메인 라이센스 (  1 Domain License  ),  무제한 웹 푸시 알림(  Unlimited Web Push Notifications ),  수익 창출 옵션( Monetization Options ),  지속적인 기능 및 보안 업데이트(  Ongoing Features & Security Updates),  정규 지원 1 년(  1 Year of Regular Support ),  전체 소스 코드 및 문서(  Full Source Code & Documentation) 을 지원합니다.

wordpress mobile pack_app themes

3. Look & Feel
4. Content

컨텐츠는 카테고리와 페이지를 기준으로 보여지며 활성화/비활성화를 선택하여 보여줄지 말지를 결정하게 됩니다.

모바일 웹 애플리케이션에 표시 할 카테고리를 선택하십시오. 카테고리를 표시 / 숨기고 원하는 위치의 해당 행을 드래그하여 순서를 정렬하려면 아래 행을 클릭하십시오.

wordpress mobile pack_content

모바일 웹 응용 프로그램에 표시 할 페이지를 선택하십시오. 다른 페이지를 편집, 표시 또는 숨길 수 있습니다. 페이지 순서는 워드프레스 관리자페이지의 ‘페이지’관리 패널 에서 설정할 수 있습니다 .

상위 페이지를 비활성화하면 모바일 버전의 하위 페이지도 숨겨집니다.

wordpress mobile pack_content_page

5. Settings
6. PRO

PRO버전에 대해 더 알아보고자 하시는 분은 아래의 동영상을 참조하세요.

appticles.com이 pwacommerce.com 의 모회사 같습니다. appticles.com 은 WordPress Mobile Pack PRO 을 코드캐니언의 envatomarket 에서 $70 에 판매합니다.

댓글 남기기

This site uses Akismet to reduce spam. Learn how your comment data is processed.