Costruire un'app dal tuo sito WordPress con AppPresser

Cosa starai creando

Se hai un famoso sito WordPress, potresti chiederti quanto può essere difficile costruire un'app mobile per i tuoi iscritti e / o visitatori. Esistono diversi modi per avviare app alimentate direttamente dal tuo sito WordPress senza dover creare un'app da zero.

Con un'app mobile, puoi sfruttare le notifiche del dispositivo per avvisare gli utenti di nuovi contenuti e possono facilmente condividere le tue storie direttamente dal telefono o dal tablet.

WPMU offre una serie di plugin che puoi utilizzare per avviare un'applicazione dal tuo blog WordPress, in particolare Mobiloud che si basa su App.io e Wiziapp che crea un'applicazione HTML5. C'è anche l'Appifier, che fornisce un servizio di creazione di app a basso costo; Se non sei molto tecnico, l'appifier potrebbe essere un buon approccio.

Tuttavia, questo tutorial si concentrerà sullo strumento più comunemente utilizzato, AppPresser. AppPresser offre un ottimo mix di facilità di implementazione con un controllo tecnico più profondo per gli sviluppatori. Usa i plugin per integrarsi con la piattaforma Phonegap di Adobe. Con estensioni personalizzate e sviluppo aggiuntivo, puoi integrarti con qualsiasi dispositivo supportato da PhoneGap come contatti, geolocalizzazione, fotocamera o accelerometro. (Forse vuoi sapere se le persone leggono le tue cose mentre guidi? In ogni caso, teoricamente, potresti creare un'app per questo).

Puoi creare un'app di WordPress AppPresser di base per $ 199, ma se vuoi l'integrazione con la telecamera o l'e-commerce, ti costerà $ 499. Se sei interessato a confrontare e stimare il costo della creazione di un'app da zero senza AppPresser, fornisce collegamenti a un paio di grandi risorse web: il Calcolatore dei costi di sviluppo app e quanto costa sviluppare un'app?

Puoi elencare la tua app su iTunes Store e Google Play o puoi pagare ad AppPresser per farlo per $ 499 (per ulteriori informazioni su questo processo di seguito).

Mentre c'è un po 'di complessità aggiunta per estendere il tuo sito WordPress in un'app, inclusa la personalizzazione di una nuova home page, AppPresser fornisce un'ottima documentazione e numerose guide video per guidarti in ogni fase del percorso.

Cos'è AppPresser?

In parole semplici, AppPresser ti consente di creare un'app mobile nativa per iOS e Android dal tuo sito WordPress esistente e distribuirla tramite iTunes Store e Google Play. È possibile integrare le notifiche push, creare un negozio di e-commerce utilizzando WooCommerce, un'app di social networking con BuddyPress, oppure è possibile eseguire lo sviluppo personalizzato per creare qualsiasi set di funzionalità supportate dall'API di Phonegap. Ecco un semplice video introduttivo:

Quando installi il plugin e il tema di AppPresser (incluso nel pacchetto standard), non cambia l'aspetto del tuo desktop o del tuo sito mobile, diventa visibile solo all'interno della tua app mobile. Il tuo normale tema del sito web e le funzionalità non saranno affatto interessati. In altre parole, se visiti il ​​tuo sito web tramite il normale browser Internet sul tuo dispositivo, non vedrai alcuna indicazione dell'esistenza di AppPresser.

Tuttavia, AppPresser consiglia di disporre di una soluzione di hosting veloce per il tuo sito WordPress al fine di offrire un'esperienza di applicazione mobile ad alte prestazioni. Se si desidera l'hosting gestito, si consiglia WPEngine. Se si auto-host, raccomando le veloci unità SSD di Digital Ocean.

Le app di AppPresser non funzionano offline. Pertanto, gli utenti dell'app dovranno disporre di una connessione Internet attiva (cellulare o WiFi) per raggiungere nuovi contenuti.

AppPresser offre estensioni aggiuntive che migliorano la presentazione e la funzione della tua applicazione, sono tutte disponibili nel pacchetto dell'agenzia. 

Questi includono:

  • AppPush - per l'integrazione con le notifiche push (disponibile con il pacchetto standard).
  • AppBuddy: per l'integrazione con BuddyPress.
  • AppCamera: per la creazione di applicazioni per la condivisione di foto.
  • App-Geolocation: per l'integrazione con la geolocalizzazione.
  • AppSwiper: un widget di scorrimento abilitato per la tua home page dell'app.
  • AppWoo: per l'integrazione con WooCommerce.

Offrono anche alcune app di esempio per mostrarti cosa è possibile.

Costruisci la tua app

Prima di acquistare un pacchetto AppPresser, ti consiglio di registrarti e consultare il manuale per gli sviluppatori di AppPresser. Una volta acquistato il pacchetto standard o di agenzia, puoi iniziare a sviluppare la tua app.

Ecco una breve guida video che illustra il processo iniziale di integrazione di AppPresser nel tuo sito WordPress, che descriveremo di seguito. E, puoi anche saperne di più su AppTheme qui.


Installa il plug-in di AppPresser

Per prima cosa, dal tuo WordPress Dashboard, installa il plugin AppPresser dalla directory dei plugin. 

Questo plugin integra il tuo sito WordPress alle funzionalità e alle estensioni dell'app che AppPresser fornisce tramite PhoneGap.

Installa il tema AppPresser e il plug-in AppSwiper

AppPresser ti suggerisce di utilizzare il tema per il sito dell'app (ciò non influisce sul tuo desktop esistente o sul tuo sito HTML mobile). Il tema è progettato per essere utilizzato da dispositivi basati su touch, mentre i tipici temi WordPress non lo sono.

Accedi al tuo account AppPresser.com. Fare clic su Account personale, quindi Visualizza dettagli e Download per ottenere i codici di licenza e il download del tema. Puoi anche scaricare altri plugin in questa pagina.

Prendi nota delle tue chiavi di licenza e scarica il tuo AppTheme, il plug-in AppSwiper e tutti gli altri che desideri utilizzare.

Dal tuo WordPress Dashboard, aggiungi il file zip del tema che hai scaricato. Non attivarlo.

Dal menu del plugin, carica il plug-in Swiper che hai scaricato e attivalo:

Da WordPress Dashboard, fai clic sul menu di AppPresser. Attiva "Carica AppPresser solo per amministratori". Questo ti consentirà di visualizzare l'anteprima dell'app come amministratore. Non influenzerà il normale funzionamento del tuo sito. Per vedere il tuo normale sito web, naviga nel tuo sito in modalità di navigazione in incognito (senza accedere a WordPress Dashboard). Immettere anche la chiave di licenza e salvare le impostazioni.

Ecco come appariva in seguito la mia anteprima della home page dell'app:

Funzionale, certo, ma non una grande esperienza fuori dagli schemi. Il prossimo passo è creare una home page personalizzata distinta per la mia app.

Crea la tua home page dell'app

Ti consigliamo di creare una home page distinta per la tua app. Questa home page è visibile solo quando le persone utilizzano l'app. Non ha alcun impatto sul sito Web desktop o HTML mobile.

Dalla dashboard di WordPress, crea una nuova home page per la tua app. Aiuta a disattivare le discussioni su questa pagina, in quanto i commenti non sono ottimizzati per le app touch-based. Aggiungi lo shortcode [swiper].

Il plug-in AppSwiper ci consente di creare nuovi tipi di post personalizzati chiamati Slider. Creiamo un paio di questi link ai contenuti che vogliamo mostrare nell'app. Scegli un'immagine caratteristica per ogni diapositiva per apparire come sfondo.

Da WordPress Dashboard, rivisita la pagina delle impostazioni di AppPresser, digita il nome della nuova home page e selezionala:

Ora, controlla il tuo sito web per vedere la nuova home page con il dispositivo di scorrimento in azione:

La nuova home page dell'app sta prendendo forma. AppPresser offre numerose opzioni per personalizzare l'aspetto, la sensazione e il comportamento del tuo sito.

Anche se è oltre lo scopo di questo tutorial, dovresti guardare l'app Crea un notiziario con il video di AppPresser sotto la quale viene illustrato come espandere ulteriormente la home page dell'app utilizzando il plug-in Shortcode dei messaggi display gratuiti..

AppPresser ha anche una varietà di video utili che puoi sfogliare qui.

Elenco della tua app negli App Store

Per elencare e vendere le tue app in iTunes Store e Google Play, dovrai acquistare un'iscrizione agli sviluppatori Apple iOS per $ 99 e una licenza Google Play per $ 25.

AppPresser costruirà ed elencherà la tua app nei negozi per $ 499, oppure puoi utilizzare la guida passo passo per farlo da solo. Il processo è un po 'ingombrante e complicato ma certamente realizzabile. Richiede il lavoro con Phonegap Build.

Ecco la loro guida video:

Promuovere la tua app

Una volta che la tua app è disponibile nel negozio, dovrai dirlo ai tuoi lettori attraverso tutti i canali tipici, e-mail, Facebook, Twitter e altri. Ma probabilmente vorrai che vedano un banner intelligente nella parte superiore del tuo sito quando navigano sul tuo sito web mobile.

In realtà c'è un plug-in gratuito per WordPress per visualizzare gli Smart App Banners. Oppure, puoi codificare i banner in modo nativo, ad es. promozione di app in Safari mobile.

Dove andiamo da qui?

Con l'integrazione di Phonegap di AppPresser, il cielo è il limite di quanto un'app sofisticata è possibile creare dal tuo sito WordPress. Raccomando di rivedere la loro documentazione, le estensioni, le app di esempio e le guide video per stimolare la tua immaginazione.

AppPresser sta espandendo in modo impressionante il potenziale di WordPress come piattaforma applicativa. In bocca al lupo!

Link correlati

AppPresser offre una straordinaria suite di documentazione per aiutarti a raggiungere il successo con il loro prodotto. Ecco alcuni link correlati che potresti voler controllare:

  • Sito web di AppPresser
  • Documentazione di AppPresser
  • Canale video di AppPresser su YouTube
  • Esempi di applicazioni di AppPresser
  • Estensioni di AppPresser
  • Adobe PhoneGap

Video collegati

AppPresser ha una grande suite di panoramica e video tutorial passo passo per guidarti attraverso tutto ciò che vuoi fare. Ecco alcune risorse aggiuntive:

  • Installazione di AppWoo per WooCommerce
  • App PhotoBlogging personalizzata di AppPresser
  • Come creare un'app mobile iOS / Android nativa con WordPress (tramite WordSesh2)
  • Scott Bolinger: creazione di app per dispositivi mobili WordPress: suggerimenti, trucchi e altro! (tramite WordPress TV)