WordPress 사이트를 단계별로 앱으로 전환하는 방법

워드 프레스 모바일 지원

처음에 앱을 만드는 이유는 무엇입니까? 앱은 더 이상 마케팅에 유용하지 않을 수 있지만 고객에게는 매우 편리하여 고객이 사이트와 상호 작용하는 방식에 대한 선택권을 더 많이 제공합니다. 모바일 인터넷이 계속 증가함에 따라 (데스크톱보다 모바일 앱을 통해 인터넷에 더 많은 사람들이 액세스하고 있음) 앱이 꽃을 피우고 있습니다..


하나를 만드는 데 관련된 비용과 좌절도 훨씬 줄어 들었습니다. 예전에는 많은 비즈니스가 앱에 관심이 있었지만 대부분 앱을 만들 수 없었습니다. 너무 어려웠습니다. 또는 비용이 많이 듭니다 (대부분의 개발자는 시간당 $ 100 이상 충전)

그러나 고맙게도 현재 상황이 다릅니다. 유능한 앱을 구축하기 위해 더 이상 많은 돈이나 코딩 지식이 필요하지 않습니다. 그리고 더 나은 – 옵션이 있습니다. 오늘 우리는 살펴볼 것입니다 :

  • WordPress 사이트가 모바일 반응 형인지 확인
  • PhoneGap으로 나만의 앱 빌드 및 코딩
  • 워드 프레스 플러그인을 사용하여 앱 만들기 (일부 쉬운 방법)

무료 앱 빌더에 대한 참고 사항

지난 몇 년 동안 앱 구축을위한 수많은 “무료”옵션이 나타 났지만 가장 신뢰할 수있는 것은 Adobe의 PhoneGap 빌드. 사이트에서 광고 할 때 단순히 HTML5, CSS 및 JavaScript 파일을 업로드하면 사이트에서 해당 파일을 즉시 다운로드 가능한 앱으로 조립하는 작업을 수행합니다. 무엇보다도 Android, Windows Phone 8 및 iOS에 대해 동시에 3 개를 구축 할 수있어 시간을 크게 절약 할 수 있습니다..

결과는 너무 화려하지 않습니다. 실제로이 모든 방법은 홈페이지를 앱으로 위장하는 것입니다. 시청자가 아이콘을 탭하면 휴대 전화 브라우저를 통해 액세스 할 수있는 것과 동일한 모바일 웹 사이트로 이동합니다. 따라서이 방법을 효과적으로 사용하려면 모바일보기에 최적화 된 기존 사이트가 있어야합니다.

1. WordPress 사이트에 모바일 버전이 있는지 확인하십시오

워드 프레스 사이트가 휴대 기기에 최적화되어 있지 않다면 실제로는 아무 의미가 없습니다. 최적화하세요! 물론 Total과 같은 모바일 반응 형 WordPress 테마를 사용하는 것이 가장 쉽습니다. 그러나 테마가 반응이 없다면 도움이 될만한 플러그인이 많이 있습니다..

iThemes 모바일

iThemes 모바일

정보 및 다운로드

iThemes Mobile을 사용하면 현재 사이트 디자인을 기반으로 간단하지만 효과적인 모바일 테마를 만들 수 있습니다. 관리 패널을 사용하면 코드를 어지럽히 지 않고도 모양의 대부분을 사용자 정의 할 수 있습니다.

모든 모바일 테마 스위처

모든 모바일 테마 스위처

모든 모바일 테마 스위처는 시청자가 사용하는 장치를 감지하고 해당 장치에 대한 특정 테마를 표시하는 기본 플러그인입니다. 따라서 여러 모바일 테마 (각 모바일 OS마다 하나씩)의 균형을 유지하려면 그렇게 할 수 있습니다.

워드 프레스 모바일 팩

워드 프레스 모바일 팩 플러그인

마지막으로, 크로스 플랫폼 모바일 웹 애플리케이션, UI 및 테마 옵션을 제공하고 Google 웹 로그 분석과 쉽게 통합 할 수있는 WordPress 모바일 팩이 있습니다..

2. PhoneGap Build를 사용하여 앱 만들기

Adobe PhoneGap 빌드

기술에 정통하고 실습을 원하는 경우 Adobe PhoneGap을 사용하여 실제로 WordPress 웹 사이트 용 앱을 만들 수 있습니다. Adobe는 문서에 대한 전체 단계별 가이드를 제공하지만 다음은 따라야 할 단계를 간략하게 보여줍니다..

1 단계 : 준비

시작하기 전에 앱을 테스트 할 수있는 방법이 있는지 확인하십시오. 브라우저 개발 도구를 사용하여 모바일 장치보기를 모방하거나 다음과 같은 서비스를 시도 할 수 있습니다 크로스 브라우저 테스트. 그러나 관리 할 수 ​​있다면 iOS와 Android 기기를 보유하는 것이 가장 좋습니다..

다음으로 Adobe PhoneGap Build 설치 컴퓨터에서. 클릭하여 Mac 또는 PC 버전을 다운로드하고 화면의 지시를 따릅니다. Adobe는 또한 무료 설치를 제안합니다 PhoneGap 개발자 앱 빌드 할 때 앱을 즉시 테스트 할 수 있습니다..

2 단계 : 앱 만들기

다음은 PhoneGap 프로그램을 사용하여 앱 만들기. 참고 – PhoneGap은 Cordova를 기반으로하므로 실제로 앱을 코딩하려면 이해해야합니다..

시작하려면 기본 “Hello World”예제 (Framework7, 푸시 알림, React Hot Loader 또는 Blank 템플릿) 중에서 선택하십시오. 그런 다음 프로젝트에서 작업 할 로컬 하드 드라이브의 위치를 ​​선택하고 이름과 ID를 제공해야합니다. 완료되면 PhoneGap에서 앱을 보는 데 사용할 수있는 서버 주소를 제공합니다.

루트 디렉토리에는 PhoneGap이 실제로 앱을 만들려면 키 파일이 필요합니다. 특히 index.html (최소한), config.xml 및 하위 디렉토리 폴더 (마지막은 운영 체제에 따라 다름).

다음은 PhoneGap 앱의 예제입니다. 프로젝트 구조 페이지:

PhoneGap 앱 프로젝트 구조\

또한 자신 만의 아이콘을 만들어야합니다. 물론 직접 처리하거나 무료 온라인 도구를 사용할 수 있습니다. IconsFlow 사전 설정 이미지, 색상 옵션, 그라디언트 등을 사용하여 전문적인 앱 아이콘을 빠르게 만들 수있는 유용한 도구입니다. 아이콘을 디자인하고 무료 계정을 만들고 파일을 다운로드하기 만하면됩니다. 아이콘이 이미 있지만 모든 장치 및 운영 체제에 맞게 크기를 조정해야하는 경우 무료 앱 아이콘 메이커 그냥 할 수 있습니다. 그러나 빠른 Google 검색을 수행하면 아이콘을 만들기 위해 선택할 수있는 다른 웹 사이트, 서비스 및 앱이 많이 있습니다..

3 단계 : 앱 테스트

앱을 완성하고 바로 사용할 수있게되면 이전에 설치된 PhoneGap Developer App을 사용하여 테스트 할 수 있습니다. 제공된 서버 주소를 사용하십시오. 여기에서 모바일 장치에서 앱을보고 문제를 해결하고 수정 사항을 추가하고 다시 업로드하고 완벽해질 때까지 다시 빌드 할 수 있습니다..

중요 사항 : PhoneGap Builder는 iOS 개발자 프로그램 (이 기사를 작성할 때 연간 $ 99의 가격)에 가입하고 인증서를 제공 한 경우에만 iOS에서 작동합니다. 프로그램의 소프트웨어를 사용하면 실제로 앱을 직접 만들 수 있습니다. 그러나 PhoneGap을 제안하는 이유는 세 가지를 모두 한 번에 수행하여 시간을 절약 할 수 있기 때문에 별도로 수행 할 필요가 없습니다. 예, 결국 사용하지 않을 수있는 많은 서비스에 대한 비용을 지불하고 있지만 iProducts에서 앱을 원한다면 여기에 배럴이 있습니다..

3. WordPress에 대체 앱 빌더 사용

iOS 도구 외에도 사용할 수있는 다른 앱 구축 서비스 및 플러그인이 많이 있습니다. 앱을 직접 만드는 것보다 훨씬 쉽습니다. 그들 중 일부는 (적어도) 무료로 안드로이드 앱을 빌드 할 것입니다. 확실히 개발자의 기본 사이트를 확인해야하지만.

AppPresser

AppPresser

AppPresser는 워드 프레스를위한 가장 크고 가장 인기 있고 아마도 최초의 모바일 앱 프레임 워크입니다. 완벽한 통합 기능 : 대부분의 앱 빌더가 WordPress 사이트의 피드 만 사용하는 경우 AppPresser를 사용하면 모든 플러그인, 게시물 및 페이지를 사용할 수 있습니다. 또한 사이트를 수정하자마자 자동으로 앱을 업데이트합니다. 전자 상거래도 완벽하게 지원합니다..

WPMobile 앱

WPMobile 앱

WPMobile 앱을 사용하면 사이트에 대한 Android 및 iOS 앱을 모두 만들 수 있습니다. 기본 플러그인은 무료이지만 실제로 앱을 만들려면 평생 라이센스 비용을 지불해야합니다 (한 앱 형식의 경우 79 € 또는 둘 다의 경우 149 €). WPMobile 앱을 사용하면 사용자 정의 옵션, 무료 라이브 테스트, 자동 앱 업데이트, 푸시 알림 지원, 소셜 통합 및 프리미엄 지원 (정착 된 경우 환영 기능).

모비

모빌 라우드

가격은 월 $ 120로 시작하지만, MobiLoud는 앱을 App Store 및 Google Play에 제출하는 등 귀하를 위해 거의 모든 것을 처리하므로 가격이 상당히 합리적입니다. MobiLoud를 통해 최종 앱은 기기 간 호환성, 간편한 소셜 공유, 수익 창출 (광고 또는 구독을 통한), 푸시 알림 등을 제공합니다. 그리고 서비스가 플러그인과 연결되면 (위 링크 됨) WordPress 내에서 앱을 관리하고 알림을 푸시 할 수 있습니다.

마지막으로, 당신을 위해 그것을 지불 할 수있는 많은 사람들이 있습니다. 그러나 쉽고 저렴하게 DIY하는 방법이 많기 때문에 기본 앱을 위해 그 길을 갈 필요가 없습니다..


앱을 빌드하는 방법은 다양하지만 언뜻보기에는 위압감이 있지만 위의 방법을 사용하면 매우 간단합니다. 시작하기에 좋은 모바일 웹 사이트가 있는지 확인하십시오. 이제 가져 오겠습니다. 여기에 문제가 있습니까? 알아야 할 다른 방법이 있습니까? 아래에 의견을 남겨주세요!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map