모바일 기기가 보편화되면서 점점 더 많은 사람들이 작은 화면으로 인터넷을 이용하고 있습니다. 워드프레스를 사용하고 있다면, 모든 방문자에게 사이트가 보기 좋게 표시되도록 하는 방법 중 하나는 반응형 테마를 선택하는 것입니다. 반응형 테마는 사용자의 화면 크기에 따라 자동으로 크기를 조절해 줍니다. 또한 모바일 기기는 상대적으로 느린 네트워크 환경에서 작동하기 때문에, 빠르게 로딩되는 웹사이트가 필수적입니다.
사이트 자체를 최적화하는 것과 더불어, 호스팅 업체가 성능의 병목 지점이 되고 있지 않은지도 반드시 확인해야 합니다. 만약 호스팅 업체가 사이트 속도를 늦추고 있다면, 속도를 우선시하는 다른 업체로 이전하는 것을 고려해 보세요.
속도와 디자인 모두에서 사용자에게 최상의 경험을 제공하려면 앱을 만드는 것이 좋습니다. 앱은 더 빠르고 사용하기 편리하며, 사이트를 제대로 표시하지 못하는 모바일 브라우저보다 훨씬 매끄러운 모바일 경험을 제공합니다. 하지만 앱을 처음부터 개발하는 것은 비용이 많이 듭니다. 그래서 예산이 부족하다면 새로 개발하는 대신 기존 워드프레스 사이트를 앱으로 변환하는 방법을 고려해 보세요. 이 글에서는 그 구체적인 방법을 단계별로 소개합니다.
AppPresser로 워드프레스 사이트를 안드로이드 앱으로 변환하기
플러그인을 활용하는 것이 워드프레스 사이트를 안드로이드 앱으로 변환하는 가장 쉬운 방법 중 하나입니다. 대부분의 변환 플러그인은 유료지만, 직접 앱을 개발하는 비용에 비하면 훨씬 저렴합니다. 이 튜토리얼에서는 웹사이트-앱 변환 분야에서 가장 널리 사용되는 AppPresser를 사용합니다. (튜토리얼 하단에 대안 플러그인과 워드프레스가 아닌 사이트를 위한 옵션도 함께 정리했습니다.)
변환 과정은 크게 세 단계로 이루어집니다.
- 워드프레스 관리자 페이지에서 AppPresser 플러그인과 테마 설치
- AppPresser 대시보드에서 새 앱 생성
- AppPresser 플러그인 설정 구성
이제 각 단계를 자세히 살펴보겠습니다.
1단계: AppPresser 플러그인 및 테마 설치
AppPresser 플러그인은 워드프레스 공식 저장소에서 이용할 수 있습니다. 또는 관리자 페이지에서 플러그인 > 새로 추가로 이동한 뒤 'AppPresser'를 검색해 설치할 수도 있습니다. 플러그인을 설치하고 활성화하세요.
참고: AppPresser는 유료 플러그인이므로, 진행하기 전에 먼저 구독을 구매해야 합니다.
다음으로 AppPress 테마를 다운로드하여 워드프레스에 업로드해야 합니다. AP3 Ion Theme 다운로드 링크는 아래 두 곳에서 확인할 수 있습니다.
- AppPresser 구매 확인 이메일(영수증)
- AppPresser 계정 페이지
테마를 다운로드한 후, 외모 > 테마 > 새로 추가 > 업로드로 이동하여 파일을 선택해 업로드하세요. 이 시점에서는 테마를 활성화하지 않아야 합니다. 플러그인이 생성 중인 모바일 앱에서 이 테마를 자동으로 켜고 끄기 때문입니다.
2단계: 앱 만들기
AppPresser 구매를 완료하면 앱을 만들 수 있는 대시보드로 이동하게 됩니다. 로그인 정보는 구매 확인 이메일에 포함되어 있습니다. 로그인한 후 New App 버튼을 클릭해 새 앱을 생성하세요. 앱 이름을 입력하고 Create App을 누르면, 대시보드에 새로 만든 앱을 나타내는 박스가 표시됩니다.
앱 커스터마이징
위 과정만으로는 일반적인 기본 앱이 만들어집니다. 워드프레스 사이트를 기반으로 한 앱을 만들려면 다음 과정을 따르세요.
- 새로 만든 앱을 나타내는 박스를 클릭합니다.
- 나타나는 화면에서 Customize and Build App을 클릭해 앱 커스터마이저로 이동합니다.
- 왼쪽 내비게이션 바 하단에서 Add Items를 클릭하고 WordPress/External Links 드롭다운을 엽니다.
이후 다음 두 가지를 입력합니다.
- URL: AppPresser 테마와 플러그인이 설치된 워드프레스 페이지 주소 (미리보기가 정상 작동하려면 반드시 https://로 시작해야 합니다)
- 제목: Link Text 필드에 표시할 링크 텍스트 입력
Save를 클릭하면 미리보기가 커스텀 앱으로 업데이트됩니다.
3단계: AppPresser 설정 구성
마지막으로 해야 할 일은 AppPresser 계정 정보를 워드프레스 플러그인에 연결하는 것입니다. 대시보드에 로그인한 상태에서 왼쪽 내비게이션 바에 표시된 AppPresser 아이콘을 클릭하면 플러그인 설정 페이지로 이동합니다.
AppPresser에서 첫 번째 앱을 만든 후 제공받은 Site slug와 App ID 값을 입력하고 Save Settings를 클릭하면 설정이 완료됩니다.
앱 빌드하기
마지막 단계는 테스트와 앱 스토어 심사 제출을 위해 앱을 빌드하는 것입니다. AppPresser로 이 작업을 진행하려면 PhoneGap Build 계정을 만들고 인증 토큰(authentication token)을 발급받아야 합니다. 이 과정을 완료하면 안드로이드 앱을 바로 다운로드할 수 있는 QR 코드가 제공됩니다.
함께 고려해 볼 만한 다른 플러그인
AppPresser가 워드프레스 페이지를 안드로이드 앱으로 변환할 수 있는 유일한 도구는 아닙니다. 아래와 같은 대안도 살펴볼 만합니다.
- Androapp
- MobiLoud
- WPMobile.App
워드프레스가 아닌 사이트를 안드로이드 앱으로 변환하기
지금까지 워드프레스 사이트를 안드로이드 앱으로 변환하는 방법을 알아봤습니다. 하지만 워드프레스를 CMS로 사용하지 않더라도 선택할 수 있는 옵션이 있습니다.
Convertify는 웹사이트를 안드로이드 앱, iOS 앱 또는 둘 다로 변환할 수 있는 패키지를 판매하는 서비스입니다. 사용법이 매우 간단해서, 회사에 웹사이트 URL과 원하는 앱 이름, 로고만 보내면 나머지는 전부 대신 처리해 줍니다.
GoNative.io는 웹사이트를 Google Play와 Apple 앱스토어용 앱으로 동시에 변환하고 싶은 분들에게 적합한 옵션입니다. 가격이 저렴한 편은 아니지만, 처음부터 앱을 개발하는 비용보다는 훨씬 저렴합니다. 특히 Apple과 Google의 스토어 심사 통과를 보장한다는 점이 강점입니다.
마무리
모바일 앱은 사용자에게 최고의 경험을 제공하지만, 처음부터 개발하려면 상당한 비용과 시간이 필요합니다. 워드프레스 사이트를 이미 운영하고 있다면, 이를 안드로이드 앱으로 변환하는 방식으로 시간과 비용을 크게 절약할 수 있습니다. AppPresser 같은 플러그인을 활용하면 개발 지식이 없어도 몇 단계만으로 나만의 모바일 앱을 만들 수 있습니다.