Construirea unei aplicații de pe site-ul dvs. WordPress cu AppPresser

Ce veți crea

Dacă aveți un site popular WordPress, s-ar putea să fi întrebat cât de greu ar fi să construiți o aplicație mobilă pentru abonații și / sau vizitatorii dvs. Există o serie de moduri de a lansa aplicații alimentate direct de pe site-ul dvs. WordPress, fără a trebui să construiți o aplicație de la zero.

Cu o aplicație mobilă, puteți utiliza notificările de pe dispozitiv pentru a vă avertiza utilizatorii de conținut nou și vă pot împărtăși cu ușurință povestile chiar de la telefon sau tabletă.

WPMU oferă o listă de plugin-uri pe care le puteți utiliza pentru a lansa o aplicație din blogul dvs. WordPress, în special Mobiloud care se bazează pe App.io și Wiziapp care construiește o aplicație HTML5. Există, de asemenea, Appifier, care oferă un serviciu de construire de aplicații low-cost; dacă nu sunteți foarte tehnic, Appifier-ul poate fi o abordare bună.

Cu toate acestea, acest tutorial se va concentra pe instrumentul cel mai frecvent utilizat, AppPresser. AppPresser oferă un amestec excelent de ușurință în implementare cu un control tehnic mai profund pentru dezvoltatori. Utilizează plug-in-uri pentru a se integra cu platforma Adobe's Phonegap. Cu extensii personalizate și dezvoltare suplimentară, vă puteți integra cu orice caracteristică a dispozitivului acceptată de Phonegap, cum ar fi persoanele de contact, geolocația, camera sau accelerometrul. (Poate vrei să știi dacă oamenii citesc lucrurile în timpul conducerii? În orice caz, teoretic, ai putea construi o aplicație pentru asta).

Aveți posibilitatea să construiți o aplicație AppPresser WordPress de bază pentru 199 RON, dar dacă doriți integrarea camerei sau comerțul electronic, vă va costa 499 dolari. Dacă sunteți interesat în compararea și estimarea costului de construire a unei aplicații de la zero fără AppPresser, acesta oferă legături către câteva resurse web minunate: App Cost Cost Calculator și Cât costă dezvoltarea unei aplicații?

Puteți să vă listați aplicația în magazinul iTunes și Google Play sau să plătiți AppPresser pentru a face acest lucru pentru dvs. pentru 499 USD (aflați mai multe despre acest proces de mai jos).

Deși există o complexitate sporită pentru extinderea site-ului dvs. WordPress într-o aplicație, inclusiv personalizarea unei noi pagini de pornire, AppPresser oferă o documentație foarte bună și numeroase ghiduri video care vă conduc prin fiecare pas al modului.

Ce este AppPresser??

Puneți pur și simplu, AppPresser vă permite să creați o aplicație mobilă nativă pentru iOS și Android de pe site-ul dvs. WordPress existent și să o distribuiți prin iTunes Store și Google Play. Aveți posibilitatea să integrați notificări push, să creați un magazin de e-commerce utilizând WooCommerce, o aplicație de socializare utilizând BuddyPress sau puteți face o dezvoltare personalizată pentru a construi orice set de caracteristici acceptate de API-ul Phonegap. Iată un simplu videoclip introductiv:

Când instalați pluginul și tema AppPresser (inclus în pachetul standard), acesta nu modifică aspectul desktopului sau al site-ului mobil, ci devine vizibil numai în aplicația dvs. mobilă. Tema și funcționalitatea obișnuită a site-ului nu vor fi afectate deloc. Cu alte cuvinte, dacă vizitați site-ul dvs. prin browserul normal de pe dispozitivul dvs., nu veți vedea niciun indiciu despre existența AppPresser.

Cu toate acestea, AppPresser vă recomandă să aveți o soluție rapidă de găzduire pentru site-ul dvs. WordPress pentru a oferi o experiență în aplicații mobile cu performanțe ridicate. Dacă doriți o găzduire reușită, ei recomandă WPEngine. Dacă vă auto-gazdă, vă recomandăm unitățile SSD rapide la Oceanul Digital.

Aplicațiile AppPresser nu funcționează offline. Deci, utilizatorii aplicației dvs. vor avea obligația de a avea o conexiune Internet activă (celulară sau WiFi) pentru a ajunge la conținut nou.

AppPresser oferă extensii suplimentare care îmbunătățesc prezentarea și funcția aplicației dvs., toate acestea fiind disponibile în pachetul de agenții. 

Acestea includ:

  • AppPush - pentru integrarea cu notificări push (disponibile cu pachetul standard).
  • AppBuddy - pentru integrarea cu BuddyPress.
  • AppCamera - pentru construirea de aplicații de partajare a fotografiilor.
  • App-Geolocation - pentru integrarea cu Geolocation.
  • AppSwiper - un widget glisant activat pentru aplicația dvs. pentru pagina de pornire a aplicației.
  • AppWoo - pentru integrarea cu WooCommerce.

De asemenea, acestea oferă câteva exemple de aplicații pentru a vă arăta ce este posibil.

Construirea aplicației dvs.

Înainte de a achiziționa un pachet AppPresser, vă recomandăm să vă înregistrați și să examinați manualul AppPresser Developer Handbook. Odată ce ați achiziționat pachetul standard sau de agenție, puteți începe să vă construiți aplicația.

Iată un scurt ghid video care trece prin procesul inițial de integrare a AppPresser în site-ul dvs. WordPress pe care îl vom descrie mai jos. Și, puteți afla mai multe despre AppTheme aici.


Instalați pluginul AppPresser

Mai întâi, din tabloul de bord WordPress, instalați pluginul AppPresser din directorul plugin. 

Acest plugin integrează site-ul dvs. WordPress cu funcțiile și extensiile aplicației pe care AppPresser le oferă prin Phonegap.

Instalați AppPresser Theme și AppSwiper Plugin

AppPresser vă sugerează să utilizați tema sa pentru site-ul aplicației (acest lucru nu afectează site-ul dvs. existent pe desktop sau mobil HTML). Tema sa este concepută pentru a fi utilizată de dispozitive touch-based, în timp ce temele tipice WordPress nu sunt.

Conectați-vă la contul dvs. AppPresser.com. Faceți clic pe Contul meu, apoi pe Vizualizare detalii și Descărcări pentru a obține cheile de licență și descărcarea temelor. De asemenea, puteți obține alte descărcări de pluginuri în această pagină.

Faceți o notă cu privire la cheile dvs. de licență și descărcați AppTheme, pluginul AppSwiper și toate cele suplimentare pe care doriți să le utilizați.

Din Tabloul de bord WordPress, adăugați fișierul temă zip pe care l-ați descărcat. Nu o activați.

Din meniul pluginului, încărcați pluginul Swiper pe care l-ați descărcat și îl activați:

Din tabloul de bord WordPress, faceți clic pe meniul AppPresser. Porniți "Încărcați AppPresser numai pentru administratori". Acest lucru vă va permite să vă previzualizați aplicația în calitate de administrator. Nu va afecta funcționarea normală a site-ului dvs. Pentru a vedea site-ul dvs. normal, răsfoiți site-ul în modul incognito (nu sunteți conectat la WordPress Dashboard). Introduceți și cheia dvs. de licență și salvați setările.

Iată cum arată, ulterior, previzualizarea paginii de pornire a aplicației:

Funcțional, cu siguranță, dar nu o mare experiență din cutie. Următorul pas este să construiți o pagină de pornire personalizată distinctă pentru aplicația mea.

Construiți pagina principală a aplicației

Vă recomandăm să creați o pagină principală distinctă pentru aplicația dvs. Această pagină de pornire se vede numai când utilizatorii utilizează aplicația. Nu afectează site-ul Web desktop sau mobil HTML.

Din tabloul de bord WordPress, creați o nouă pagină de pornire pentru aplicația dvs. Ajută la oprirea discuțiilor pe această pagină, deoarece comentariile nu sunt optimizate pentru aplicațiile bazate pe atingere. Adăugați codul scurt [swiper].

Pluginul AppSwiper ne permite să creăm noi tipuri de posturi personalizate numite Sliders. Să creați câteva dintre acestea care să facă legătura cu conținutul pe care dorim să-l prezentăm în aplicație. Alegeți o imagine de caracteristică pentru fiecare diapozitiv pentru a apărea ca fundal.

Din tabloul de bord WordPress revizuiți pagina Setări AppPresser, introduceți numele noii pagini principale și selectați-o:

Acum, verificați reîmprospătarea site-ului dvs. web pentru a vedea noua pagină de pornire cu glisorul în acțiune:

Sunteți o nouă pagină de pornire pentru aplicații. AppPresser oferă opțiuni vaste pentru a particulariza aspectul, simțul și comportamentul site-ului dvs..

Deși depășește domeniul de aplicare al acestui tutorial, trebuie să urmăriți aplicația Creează o aplicație de știri cu video AppPresser de mai jos, care demonstrează modul în care vă puteți extinde pagina de pornire a aplicației folosind pluginul gratuit pentru afișarea posturilor scurte.

AppPresser are, de asemenea, o varietate de videoclipuri utile pe care le puteți naviga aici.

Înregistrați-vă aplicația în Magazinele de aplicații

Pentru a afișa și a vinde propriile aplicații în magazinele iTunes și Google Play, va trebui să achiziționați un membru al dezvoltatorului Apple iOS pentru $ 99 și licența Google Play pentru $ 25.

AppPresser va construi și va lista aplicația dvs. în magazine pentru 499 USD sau puteți utiliza ghidul pas cu pas pentru a face acest lucru singur. Procesul este un pic greoi și complicat, dar cu siguranță posibil realizabil. Este nevoie de lucrul cu Phonegap Build.

Iată ghidul lor video:

Promovarea aplicației dvs.

Odată ce aplicația dvs. este disponibilă în magazin, veți dori să îi spuneți cititorilor dvs. prin toate canalele tipice, prin e-mail, prin Facebook, Twitter și altele. Dar, probabil, veți dori, de asemenea, să vadă un banner inteligent în partea de sus a site-ului dvs. atunci când navighează pe site-ul dvs. mobil.

Există de fapt un plugin WordPress gratuit pentru a afișa bannere pentru aplicații inteligente. Sau, puteți codifica bannerele nativ, de ex. promovarea aplicațiilor în Safari pentru dispozitive mobile.

Unde mergem de aici?

Cu integrarea Apppresser's Phonegap, cerul este limita pentru cât de mult sofisticată o aplicație pe care o poți construi de pe site-ul tău WordPress. Vă recomandăm să revizuiți documentația, extensiile, aplicațiile de exemplu și ghidurile video pentru a vă stimula imaginația.

AppPresser extinde impresionant potențialul WordPress ca platformă de aplicații. Mult noroc!

Link-uri conexe

AppPresser oferă o suită de documente care vă ajută să reușiți cu produsul lor. Iată câteva linkuri similare pe care ar trebui să le verificați:

  • Site-ul AppPresser
  • Documentația AppPresser
  • AppPresser Video Channel pe YouTube
  • Aplicații AppPresser Aplicații
  • AppPresser Extensions
  • Adobe Phonegap

Videoclipuri similare

AppPresser are o suită mare de prezentări de ansamblu și video tutorial pas cu pas pentru a vă ghida prin tot ceea ce doriți să faceți. Iată câteva resurse suplimentare:

  • Instalarea AppWoo pentru WooCommerce
  • AppPresser App Personalized PhotoBlogging
  • Cum se creează o aplicație mobilă iOS / Android mobilă cu WordPress (prin WordSesh2)
  • Scott Bolinger: Crearea de aplicații mobile WordPress: Sfaturi, trucuri și multe altele! (prin WordPress TV)
Cod