Vai al contenuto principale

Come creare un'applicazione mobile per il tuo sito WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Sai come creare un'app Android o IOS del tuo blog o sito web in WordPress? Ti piacerebbe avere l'icona del tuo sito anche sul tuo telefono? Sì ?

Ma tutte le opzioni che hai provato sono troppo complicate o troppo costose e con riluttanza hai gettato la spugna perché " troppo difficile per te ".

Ben prima di gettare completamente la spugna, proveremo ancora una volta con te un nuovo approccio chiamato DIY, che ti consentirà di creare a buon mercato un'applicazione di base del tuo sito WordPress.

 PhoneGap-Built-image dimostrativi

PhoneGap Costruito: un modo semplice ed economico per portare il tuo sito WordPress nel mondo mobile dei tuoi utenti.

I motivi per cui la creazione di app mobili è esplosa oggi è perché avere un'app mobile è diventata una forma di marketing che aumenterebbe le possibilità che la tua app venga scoperta da nuovi tipi di visitatori.

Oggi si tratta di dare ai tuoi lettori la scelta di come visualizzare i tuoi contenuti. E, naturalmente, con il continuo aumento dell'accesso a Internet tramite dispositivi mobili, avere un'app mobile sta diventando sempre più popolare.

La buona notizia è che cercare buoni sviluppatori di app con padronanza di CSS o Java non è più necessario per creare un'app mobile per il tuo sito Web WordPress.

Puoi farlo gratuitamente e molto spesso gratuitamente. Puoi anche spenderne alcuni $ 99 / anno per entrare a far parte della community di sviluppatori IOS per creare e distribuire la tua app (direttamente o tramite l'App Store).

Vorrei anche dire qualcos'altro abbastanza chiaro: si tratta di creare un'applicazione mobile per visualizzare il contenuto del tuo sito WordPress sui dispositivi mobili dei tuoi lettori. Non si tratta di creare applicazioni reali utilizzando WordPress come Application Framework.  

Come funziona?

PhoneGap-Built-how-ca-walking

PGB crea applicazioni molto più semplicemente

Questa soluzione si basa sulla creazione di una semplice applicazione mobile, utilizzando il servizio PhoneGap Costruire (BMP) che è davvero all'altezza delle sue affermazioni:

Abbi pazienza se vuoi sviluppare applicazioni mobili per WordPress.

Lo scopo principale dell'applicazione sarà quello di prendere il fileInAppBrowser dispositivo e indirizzalo alla home page del tuo sito web. Come se il tuo lettore usasse un browser web mobile. La bellezza di questo approccio è che tutto è controllato in modo efficace in WordPress utilizzando gli strumenti, le tecniche e le tecnologie che già conosci.

Se desideri modificare l'aspetto della tua app, devi solo aggiornare il tema WordPress, non è necessario distribuire un aggiornamento all'app stessa.

Quindi la soluzione è l'1% dell'applicazione, il 99% di WordPress. Il che significa che devi stare attento a ciò che il tuo sito WordPress offre come contenuto. È probabile che anche il tema più reattivo non sia all'altezza delle app mobili. Devi assicurarti di avere la migliore esperienza mobile, il che significa: pensa a tema, contenuto, menu e interazione.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Questo tutorial si concentrerà quindi sul rafforzamento dell'applicazione e sulla configurazione di WordPress.

Prima scarica WordPress, quindi puoi testarlo semplicemente navigando su un dispositivo mobile o utilizzando un simulatore, prima di creare l'app. Ricorda sempre che rimuovere un'app da una schermata iniziale è più facile che configurarla da lì.

Passaggi 4 per creare un'app mobile WordPress

Andiamo passo passo per creare la nostra applicazione. Poiché Android è facile, ci concentreremo su quel sistema operativo, ma tieni presente che il processo per qualsiasi sistema operativo è praticamente lo stesso.

Prima di iniziare

Mentre le app Web possono essere facilmente testate utilizzando emulatori, le app mobili sono molto più facili da testare su un dispositivo reale. Quindi, se non hai un dispositivo Android, è meglio cercare di trovarne uno se vuoi continuare con questo tutorial.

Se non hai ancora utilizzato PGB, devi creare un account. BMP ha un piano gratuito che ti permette di creare un'unica app privata (che puoi creare caricando un file zip) o illimitate applicazioni open source.

Se sei nuovo in PGB, ti consiglio di usarlo insieme a GitHub in quanto rende il processo di aggiornamento e ricostruzione della tua app molto più semplice. Significa anche che sarai in grado di utilizzare le tue credenziali GitHub per accedere a PGB.

Passaggio 1. Crea file app PGB

PhoneGap-Built-crearli-fochiers-da-app

La maggior parte dei file in questa applicazione sono i loghi e le schermate di avvio!

La struttura è molto semplice, con una directory radice contenente i file index.html, config.xml. Molto importante!, un insieme di file icona nel formato png impostazione predefinita e una directory res che contiene le icone del SO specifico per le schermate di benvenuto e le copertine.

è possibile scarica questa app e usalo per iniziare facilmente.

Passaggio 2. Creare le icone delle applicazioni

Le icone dell'applicazione sono importanti: sono quelle che l'applicazione utilizzerà quando si aggiunge un'icona alla schermata principale del dispositivo. Per generare le icone, utilizza uno dei seguenti servizi: appiconsizes ou makeappicon. Dopo aver creato queste icone, carica le immagini appropriate nella cartella appropriata.

Passaggio 3. Configurare l'applicazione

Tutta la configurazione è contenuta nel file config.xml. Per la tua applicazione, devi modificare quanto segue:

  • @ Widget di Id - la convenzione è invertire il nome di dominio del tuo sito web e aggiungere un suffisso all'applicazione
  • Nome - il titolo del tuo sito
  • Descrizione - una breve descrizione del tuo sito
  • autore (@ mail, @ href) - i tuoi dettagli di contatto
  • src felice @ - cambialo e indirizzalo alla home page del tuo sito web
  • origine di accesso @ - determina i siti Web che l'applicazione può navigare. Le due possibilità sono: inserisci il tuo nome di dominio e quindi limita l'applicazione alla sola navigazione del tuo sito web oppure utilizza '*' e consenti all'applicazione di navigare su qualsiasi sito.

Ci sono una serie di elementi di plugin in questo file di configurazione, alcuni dei quali non troverai utili. Tuttavia, è comunque importante creare le tue applicazioni utilizzando alcuni di questi plugin per sfruttare funzionalità come la geolocalizzazione senza dover ricreare la tua applicazione.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Noterai anche che ci sono una serie di icone di app che verranno utilizzate per la schermata iniziale del dispositivo e per le pagine iniziali dell'app. Se hai spostato le icone generate nelle cartelle esatte, non dovrai fare nulla qui.

Basta essere consapevoli, tuttavia, che i nomi fanno distinzione tra maiuscole e minuscole!

Passaggio 4. Avviamo il processo di generazione di PGB

Vai sul sito PGB ed effettua il login, ti troverai di fronte alla schermata Applicazioni che ovviamente sarà vuota.

PhoneGap-Built-START-il-processo-di-creazione-of-the-implementazione

PhoneGap Build è molto più semplice se utilizzato insieme a GitHub

Supponendo che tu abbia effettuato l'accesso al tuo account GitHub e stai per creare un'app open source. Tutti i tuoi repository GitHub pubblici saranno disponibili in « Esistenti trovare pronti contro termine« , fai clic sulla freccia, seleziona la tua directory e fai clic su maglione dal repository GitHub.

PGB andrà nella tua directory e ti presenterà una schermata con i dettagli dell'applicazione.

PhoneGap-Built-schermo-di-applicazioni

Dopo aver caricato PGB nei file GitHub, sarai pronto per creare la tua applicazione.

Fare clic Pronti a costruire

La pagina cambia quindi per darti lo stato di avanzamento della creazione della tua applicazione. Per impostazione predefinita, PGB tenta di creare un'applicazione per iOS, Android e Windows 8. Il rosso indica che la generazione non è riuscita, mentre il blu indica una creazione riuscita.

PhoneGap-Built-processo-di-creazione

PGB proverà a creare un'app per Android, iOS e Windows. Il blu significa che la creazione ha avuto successo.

iOS fallirà sempre a meno che tu non abbia fornito a PGB i tuoi certificati di sviluppatore iOS che richiedono l'appartenenza a il programma per sviluppatori iOS come ho detto prima.

Si spera, tuttavia, che la creazione dell'app per Android abbia avuto successo e che tu sia pronto per testare!

Puoi scaricare il file .apk cliccando sull'icona Android. Ma ci sono anche altri metodi per recuperare questo file. Tuttavia, qualunque sia il metodo che utilizzi, dovresti trovare l'icona della tua app sulla schermata iniziale. (se l'icona non assomiglia a quello che ti aspettavi, è probabile che tu abbia fornito l'URL sbagliato nel file config.xml).

Fai clic sull'icona della tua app e si aprirà e sarai accolto dalla schermata iniziale, quindi dalla prima pagina del tuo sito web. (A seconda delle specifiche del dispositivo, potrebbero verificarsi lievi ritardi nello spostamento della schermata principale sul sito).

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Congratulazioni, hai appena creato la tua prima applicazione WordPress!

Ora dipenderà tutto da come imposti il ​​tuo sito WordPress, ma il vantaggio è che ora dovrai solo lavorare in WordPress per apportare miglioramenti.

Se per qualche motivo l'URL di un'immagine non è corretto, è necessario ricreare l'app:

  • Aggiorna i file nella tua directory GitHub
  • Vai alla pagina delle applicazioni in PGB e fai clic su  Codice Aggiornamento - i file verranno caricati nella directory GitHub
  • PGB dovrebbe avviare automaticamente il processo di ricreazione, altrimenti Rigenera tutto

Tuttavia, se desideri sfruttare più funzionalità del dispositivo mobile, vale la pena dare un'occhiata più da vicino AppPresser.

Ma se hai solo bisogno di dare una scelta ai tuoi lettori fornendo loro un'app mobile, questo processo ti aiuterà a farlo.

Speriamo che questo tutorial ti abbia aiutato a creare un'app mobile per il tuo sito WordPress. Se hai suggerimenti o commenti, condividili con noi nella nostra sezione commenti.

Questo articolo contiene i commenti 9

  1. Articolo interessante! Tanto è possibile con WordPress, uno strumento quasi essenziale!
    Buona fortuna per scrivere i tuoi articoli!

  2. Ho creato la mia applicazione mobile grazie al sito http://www.mobyview.com mi hanno accompagnato nella creazione della mia candidatura e l'hanno pubblicata in brevissimo tempo. 10 giorni tra brainstorming e pubblicazione su AppStore! Consiglio vivamente !

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
40 azioni
quota36
Tweet3
Enregistrer1