Kako svoj WordPress site pretvoriti u aplikaciju, korak po korak

WordPress Mobile spreman

Zašto prvo napraviti aplikaciju, čujem da pitate? Aplikacije možda više nisu korisne za marketing, ali vrlo su prikladne za vaše kupce – pružaju im više izbora u vezi s interakcijom s vašom web stranicom. Uz stalni porast mobilnog interneta (više ljudi sada pristupa internetu putem mobilnih aplikacija nego stolnih računala) aplikacije su procvjetale, jer većina nije nigdje toliko neugodna ili problematična kao i mobilni web-preglednici..


Troškovi i frustracije oko izgradnje jedne kuće također su otišli daleko. U davna vremena mnoštvo se tvrtki zanimalo za aplikacije, ali većina ih nije bila u stanju izraditi. Jednostavno je bilo preteško. Ili skupo (većina vratara naplaćuje 100 USD po satu)

Ali, na sreću, sada su stvari drugačije. Više vam nije potrebno mnogo novca ili znanja za kodiranje da biste izradili kompetentnu aplikaciju. I još bolje – imate opcije. Danas ćemo pogledati:

  • Pobrinite se da vaša stranica WordPress reagira na mobilne uređaje
  • Izrada (i kodiranje) vlastite aplikacije pomoću PhoneGapa
  • Upotrijebite dodatak WordPress za stvaranje aplikacije (aka jednostavan način)

Napomena o besplatnim graditeljima aplikacija

Tijekom posljednjih nekoliko godina, pojavila se tona besplatnih opcija za izgradnju aplikacije, ali jedna je od najpouzdanijih Adobeova PhoneGap Build. Kako se njihova web stranica oglašava, jednostavno prenesite HTML5, CSS i JavaScript datoteke i web stranica će obaviti posao sastavljanja u aplikaciju koju je moguće odmah preuzeti. Najbolje od svega je što može istovremeno izgraditi tri za Android, Windows Phone 8 i iOS – štede vam puno vremena.

Rezultat neće biti previše fantastičan. U stvari, sve što ovaj postupak stvarno prikriva vašu početnu stranicu kao aplikaciju. Kada gledatelj dodirne ikonu, odvest će ih na istu mobilnu web stranicu koju bi vidjeli da li bi joj mogli pristupiti putem preglednika svog telefona. Da bi ova metoda bila učinkovita, morate imati postojeću web lokaciju koja je optimizirana za gledanje putem mobilnih uređaja.

1. Provjerite ima li stranica WordPress mobilnu verziju

Ako vaša WordPress web lokacija nije optimizirana za mobilne uređaje, to u stvari nema smisla. Pa optimizirajte! Naravno, najlakše je jednostavno upotrijebiti mobilnu responzivnu WordPress temu poput Total. Ali ako vaša tema ne reagira, postoji puno dodataka koji vam mogu pomoći.

iThemes Mobile

iThemes Mobile

Informacije i preuzimanje

iThemes Mobile omogućit će vam stvaranje jednostavnih, ali učinkovitih tema za mobilne uređaje temeljene na vašem trenutnom dizajnu web mjesta. Upravljačka ploča omogućuje vam prilagođavanje većine aspekata njihovog izgleda bez da se petljate s kodom.

Bilo koji mobilni program za prebacivanje tema

Bilo koji mobilni program za prebacivanje tema

Bilo koji mobilni program za prebacivanje tema osnovni je dodatak koji će otkriti uređaj koji vaš preglednik koristi i prikazati određenu temu za taj uređaj. Dakle, ako želite uravnotežiti više tema – po jednu za svaki mobilni OS – to možete učiniti na taj način.

WordPress Mobile Pack

WordPress dodatak za mobilni paket

Konačno, tu je i WordPress Mobile Pack koji nudi mnoštvo više platformskih mobilnih web aplikacija, korisničkih sučelja i opcija tematike te jednostavnu integraciju s Google Analytics.

2. Upotrijebite PhoneGap Build za stvaranje aplikacije

Adobe PhoneGap Build

Ako ste tehničar i želite se baviti time, možete koristiti Adobe PhoneGap da biste zapravo stvorili aplikaciju za svoju web stranicu WordPress. Adobe u svojim dokumentima ima cjelovit vodič, korak po korak, ali evo kratkog pregleda koraka koje trebate slijediti.

1. korak: Priprema

Prije nego što započnete, provjerite imate li pri ruci način testiranja aplikacije. Možete upotrijebiti alate za razvojne programere preglednika za imitiranje pogleda na mobilnim uređajima ili pokušati uslugu poput CrossBrowser testiranje. Ali ako stvarno uspijete, najbolje je imati pri ruci iOS i Android uređaj.

Zatim ćete to trebati instalirajte Adobe PhoneGap Build na vašem računalu. Kliknite za preuzimanje Mac ili PC verzije i slijedite upute na zaslonu. Adobe također predlaže instaliranje besplatne Aplikacija za razvojne programere PhoneGap tako da možete odmah testirati svoju aplikaciju dok gradite.

2. korak: stvorite vam aplikaciju

Zatim upotrijebite program PhoneGap za stvorite svoju aplikaciju. Imajte na umu – PhoneGap je zasnovan na Cordovi pa ćete ga morati dobro razumjeti da biste zapravo kodirali vašu aplikaciju.

Za početak odaberite neki od uobičajenih primjera “Hello World”, Framework7, Push Notification, React Hot Loader ili Blank. Tada ćete morati odabrati gdje ćete na svom tvrdom disku raditi na svom projektu i unijeti ime i ID. Kada završite, PhoneGap će pružiti adresu poslužitelja koju možete koristiti za pregled vaše aplikacije.

Da biste ga pogledali, vaš će korijenski direktorij trebati ključne datoteke za PhoneGap da bi zapravo stvorio vašu aplikaciju. Konkretno vaše index.html (najmanje), config.xml i mape podmape (posljednja je specifična za operativni sustav).

Evo primjera izravno iz aplikacije PhoneGap struktura projekta stranica:

Struktura projekta aplikacije PhoneGap\

Također ćete trebati stvoriti vlastite ikone. To možete, naravno, riješiti sami ili koristiti besplatni online alat. IconsFlow odličan je alat koji će vam pomoći da brzo stvorite ikone profesionalnih aplikacija pomoću unaprijed postavljenih slika, opcija boja, gradijenata itd. Samo dizajnirajte svoju ikonu, stvorite besplatni račun i preuzmite datoteke. Ako već imate ikonu, ali trebate je promijeniti za sve uređaje i operacijske sustave, besplatno Alat za izradu ikona aplikacije mogu samo to. Ali ako brzo pretražite Google, pronaći ćete da postoji dosta drugih web lokacija, usluga i aplikacija za stvaranje ikone.

Korak 3: Testiranje aplikacije

Kad je vaša aplikacija gotova i spremna za pokretanje, možete je testirati pomoću aplikacije PhoneGap Developer, instalirane ranije. Obavezno upotrijebite navedenu adresu poslužitelja. Od tamo možete vidjeti svoju aplikaciju na svom mobilnom uređaju, riješiti bilo koji problem, dodati ispravke, ponovo prenijeti i obnoviti do savršenstva.

Važna napomena: PhoneGap Builder može raditi s iOS-om samo ako ste se pridružili programu za razvojne programere iOS (čija je cijena bila 99 USD / god kada je ovaj članak napisan) i ako ste dobili svoje certifikate. Pomoću softvera programa zapravo možete sami izraditi aplikaciju. No razlog zbog kojeg predlažemo PhoneGap zato možete uštedjeti vrijeme radeći sva tri odjednom – negirajući potrebu da to učinite odvojeno. Pa da, plaćate hrpu usluga koje možda nećete završiti s upotrebom, ali ako želite svoju aplikaciju na bilo kojem iProduktu, oni će vas ovdje dobiti preko bačve.

3. Koristite alternativne programere programera za WordPress

Pored iOS-ovih alata postoji i mnoštvo drugih usluga za izgradnju aplikacija i dodataka koje možete koristiti. Ovo je znatno lakše nego sami napraviti aplikaciju. Neki će također besplatno graditi aplikaciju za Android. Iako biste svakako trebali provjeriti glavnu web lokaciju programera.

AppPresser

AppPresser

AppPresser je najveći, najpopularniji i navodno prvi okvir za mobilne aplikacije za WordPress. Nudi potpunu integraciju: gdje većina proizvođača aplikacija koristi samo feed sa web mjesta WordPress, AppPresser vam omogućuje korištenje svih dodataka, postova i stranica. Uz to, ona automatski ažurira aplikaciju čim napravite promjene na svojoj web lokaciji. Ima punu podršku i za e-trgovinu.

WPMobile App

WPMobile App

WPMobile aplikacija omogućuje vam stvaranje i Android i iOS aplikacija za vaše web mjesto. Iako je osnovni dodatak besplatan, za stvarnu izradu aplikacije morate platiti doživotnu licencu (počevši od 79 € za jedan format aplikacije ili 149 € za obje). Uz WPMobile App imat ćete mogućnosti prilagodbe, besplatan test uživo, automatska ažuriranja aplikacija, podršku putem push obavijesti, društvenu integraciju i premium podršku (dobrodošla funkcija ako se zaglavite).

MobiLoud

Mobiloud

Iako cijene (već od 120 USD / mjesečno), MobiLoud obrađuje gotovo sve za vas (uključujući slanje aplikacije u App Store i Google Play), što cijenu čini prilično prihvatljivom. S MobiLoudom vaša konačna aplikacija nudi kompatibilnost s različitim uređajima, jednostavno dijeljenje društvenih mreža, unovčavanje (putem oglasa ili pretplate), push notifikacije i još mnogo toga. A kad je usluga uparena s njihovim dodatkom (povezanim gore), možete upravljati aplikacijom i gurati obavijesti unutar WordPress-a.

Na kraju, postoji gomila ljudi koje možete platiti da to urade za vas. Međutim, s toliko jednostavnih i pristupačnih načina da se uradi sam, ne morate zaista ići tom rutom za osnovnu aplikaciju.


Postoji mnogo načina za izradu aplikacije, a iako na prvi pogled djeluje zastrašujuće, gore navedene metode čine je nevjerojatno jednostavnom. Samo pobrinite se da imate dobro mobilno web mjesto za početak, ok? Sad mi dopustite. Jesam li ovdje nešto pogriješio? Postoje li neke druge metode o kojima bih trebao znati? Slobodno ostavite svoje povratne informacije u nastavku!

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