Varför skapa en app i första hand, hör jag dig fråga? Appar kanske inte är särskilt användbara för marknadsföring längre, men de är ganska bekväma för dina kunder, vilket ger dem fler alternativ för hur de interagerar med din webbplats. Med den fortsatta uppgången av mobilt internet (fler människor använder nu internet via mobilappar än stationära datorer) blomstrar appar, eftersom de flesta inte är lika besvärliga eller problematiska som mobila webbläsare.
Kostnaden och frustrationen med att bygga en har också minskat betydligt. Förr i tiden var många företag intresserade av appar, men de flesta kunde inte skapa dem. Det var helt enkelt för svårt. Eller dyrt (de flesta utvecklare tar över 100 USD per timme)
Men som tur är är det annorlunda nu. Du behöver inte längre mycket pengar eller kodkunskap för att skapa en kompetent applikation. Och ännu bättre, du har alternativ. Idag får vi se:
- Se till att din WordPress-webbplats är mobilvänlig
- Bygg (och koda) din egen app med PhoneGap
- Använd ett WordPress-plugin för att bygga din app (aka det enkla sättet)
En anteckning om gratisappskapare
Under de senaste åren har det funnits massor av “gratis” alternativ för att skapa en app, men en av de mest pålitliga är Adobes PhoneGap Build. När din webbplats annonseras laddar du bara upp dina HTML5-, CSS- och JavaScript-filer så kommer webbplatsen att göra jobbet med att samla dem till en nedladdningsbar app direkt. Det bästa av allt är att du kan bygga tre samtidigt för Android, Windows Phone 8 och iOS, vilket sparar mycket tid.
Resultatet blir inte något elegant. Faktum är att allt den här metoden verkligen gör är att dölja din hemsida som en app. När tittaren trycker på ikonen kommer de helt enkelt att föras till samma mobilwebbplats som de skulle se om de fick åtkomst till den via telefonens webbläsare. Så för att den här metoden ska vara effektiv måste du ha en befintlig webbplats som är optimerad för mobil visning.
1. Se till att din WordPress-sajt har en mobilversion
Om din WordPress-sajt inte är mobilvänlig är det verkligen ingen mening. Optimera det! Naturligtvis är det enklare att bara använda ett mobilresponsivt WordPress-tema som Total. Men om ditt tema inte är responsivt finns det många plugins som kan hjälpa.
iThemes mobil
iThemes Mobile låter dig skapa enkla men effektiva mobilteman baserat på din nuvarande webbplatsdesign. Adminpanelen låter dig anpassa de flesta aspekter av dess utseende utan att behöva bråka med kod.
Valfri mobiltemaväljare
Alla Mobile Theme Switcher är en grundläggande plugin som kommer att upptäcka enheten din tittare använder och visa ett tema specifikt för den enheten. Så om du vill balansera flera teman, ett för varje mobilt operativsystem, kan du göra det på det sättet.
WordPress mobilpaket
Slutligen finns det WordPress Mobile Pack, som erbjuder en mängd plattformsoberoende mobilwebbappar, gränssnitt och temaalternativ och enkel integration med Google Analytics.
2. Använd PhoneGap Build för att bygga en app
Om du är tekniskt kunnig och vill börja jobba kan du använda Adobe PhoneGap för att skapa en app för din WordPress-webbplats. Adobe har en komplett steg-för-steg-guide i sina dokument, men här är en snabb titt på de steg du måste följa.
Steg 1: förberedelse
Innan du börjar, se till att du har ett sätt att testa din app till hands. Du kan använda webbläsarutvecklingsverktyg för att efterlikna mobilvyer eller prova en tjänst som CrossBrowser Testing. Men om du kan hantera det är det bäst att ha en iOS- och Android-enhet till hands.
Därefter måste du installera Adobe PhoneGap Build på din dator. Klicka för att ladda ner Mac- eller PC-versionen och följ instruktionerna på skärmen. Adobe föreslår också att du installerar en gratis PhoneGap-utvecklarapp så att du omedelbart kan testa din app när du bygger den.
Steg 2: Skapa din app
Använd sedan PhoneGap-programmet för att skapa din applikation. Observera att PhoneGap är baserat på Cordova, så du måste förstå det för att koda din app.
Välj från ett standardexempel på “Hello World”, Framework7, Push Notification, React Hot Loader eller Blank Template för att komma igång. Därefter måste du välja var på din lokala hårddisk du ska arbeta med ditt projekt och ange ett namn och ID. När du är klar kommer PhoneGap att förse dig med en serveradress som du kan använda för att se din app.
För att ge dig en titt behöver din rotkatalog nyckelfiler för att PhoneGap faktiskt ska kunna bygga din app. Specifikt din index.html (minst), config.xml och underkatalogmappar (den sista är OS-specifik).
Här är ett exempel direkt från PhoneGap-appens projektstruktursida:
Du måste också skapa dina egna ikoner. Naturligtvis kan du hantera detta själv eller använda ett gratis onlineverktyg. IconsFlow är ett bra verktyg som hjälper dig att skapa professionella appikoner snabbt med hjälp av förinställda bilder, färgalternativ, övertoningar, etc. Designa helt enkelt din ikon, skapa ett gratis konto och ladda ner dina filer. Om du redan har en ikon, men behöver ändra storlek på den för alla enheter och operativsystem, kan den kostnadsfria App Icon Maker-appen göra just det. Men om du gör en snabb Google-sökning kommer du att upptäcka att det finns många andra webbplatser, tjänster och appar att välja mellan för att skapa din ikon.
Steg 3: Testa din app
Med din app redo att använda kan du testa den med den tidigare installerade PhoneGap Developer-appen. Se till att använda serveradressen som angavs. Därifrån kan du se din app på din mobila enhet, åtgärda eventuella problem, lägga till korrigeringar, ladda om och bygga om tills den är perfekt.
En viktig anmärkning: PhoneGap Builder kan bara fungera med iOS om du har gått med i iOS-utvecklarprogrammet (som kostade 99 USD/år när den här artikeln skrevs) och tillhandahållit dina certifikat. Med programmjukvaran kan du själv skapa applikationen där. Men anledningen till att vi föreslår PhoneGap är så att du kan spara tid på att göra alla tre samtidigt, vilket eliminerar behovet av att göra dem separat. Så, ja, du betalar för massor av tjänster som du kanske inte kommer att använda, men om du vill ha din app på några iProducts, har de fått dig över fatet här.
3. Använd alternativa appbyggare för WordPress
Förutom iOS-verktyg finns det många andra appbyggande tjänster och plugins som du kan använda. De är betydligt enklare än att skapa en app själv. Några av dem kommer också att bygga (åtminstone) en Android-app gratis. Även om du definitivt bör kolla utvecklarens huvudsida för att vara säker.
AppMySite
Skapa en app för din webbplats med AppMySite. Denna lättanvända plugin och tjänst gör det enkelt att förvandla din WordPress-webbplats (eller till och med WooCommerce-butiken) till en app med bara några få steg. Skaffa först plugin-programmet och registrera ditt konto. Börja sedan med att anpassa din app – det finns massor av inbyggda layouter och funktioner att välja mellan. När du är klar skickar du bara in för att publicera din app (kompatibel med Android och iOS). Dessutom synkroniseras AppMySite med din webbplats i realtid, för att hålla din app uppdaterad med nya inlägg eller produkter du publicerar.
Andra funktioner inkluderar stöd för flera språk, integrering av varukorg och kassa, push-meddelanden, integration av sociala medier, samt analyser som du kan använda för att övervaka appens prestanda.
AppPresser
AppPresser är det största, mest populära och förmodligen det första mobilappramverket för WordPress. Erbjuder full integration: Där de flesta appbyggare bara använder ett flöde från din WordPress-webbplats, låter AppPresser dig använda alla dina plugins, inlägg och sidor. Dessutom uppdaterar den automatiskt appen så snart du gör ändringar på din webbplats. Den har också fullt stöd för e-handel.
WPMmobile-appen
WPMobile-appen låter dig skapa Android- och iOS-appar för din webbplats. Medan baspluginet är gratis måste du betala för en livstidslicens för att skapa din app (från 79 € för ett appformat eller 149 € för båda). Med WPMobile-appen har du anpassningsalternativ, gratis testversion, automatiska appuppdateringar, push-aviseringsstöd, social integration och premiumsupport (en välkommen funktion om du fastnar).
MobiLoud
Även om det är dyrare (från 120 USD/månad), hanterar MobiLoud i stort sett allt åt dig (inklusive att skicka in din app till App Store och Google Play), vilket gör priset ganska rimligt. Med MobiLoud erbjuder din sista app kompatibilitet över flera enheter, enkel social delning, intäktsgenerering (via annonser eller prenumerationer), push-meddelanden och mer. Och när tjänsten är ihopkopplad med din plugin (länkad ovan) kan du hantera din app och push-aviseringar inifrån WordPress.
Slutligen finns det massor av människor du kan betala för att göra det åt dig. Men med så många enkla och prisvärda sätt att göra DIY, behöver du inte riktigt gå den vägen för en grundläggande applikation.
Det finns många sätt att skapa en app och även om det verkar skrämmande vid första anblicken gör metoderna ovan det otroligt enkelt. Se bara till att du har en bra mobilwebbplats att börja med, okej? Låt mig få det nu. Fick jag något fel här? Finns det några andra metoder jag bör känna till? Lämna gärna dina kommentarer nedan!
