Share
Wat je gaat creërenAls u een populaire WordPress-site heeft, heeft u zich misschien afgevraagd hoe moeilijk het kan zijn om een mobiele app te bouwen voor uw abonnees en / of bezoekers. Er zijn een aantal manieren om apps te starten die rechtstreeks vanaf uw WordPress-site worden aangedreven zonder dat u een app vanaf nul hoeft te bouwen.
Met een mobiele app kunt u apparaatmeldingen gebruiken om uw gebruikers te waarschuwen voor nieuwe inhoud en kunnen zij uw verhalen eenvoudig vanaf hun telefoon of tablet delen.
WPMU biedt een overzicht van plug-ins die u kunt gebruiken om een app te starten vanuit uw WordPress-blog, met name Mobiloud, dat afhankelijk is van App.io, en Wiziapp, die een HTML5-app bouwen. Er is ook een Appifier, die een goedkope app-bouwservice biedt; als je niet erg technisch bent, kan Appifier een goede aanpak zijn.
Deze zelfstudie richt zich echter op de meest gebruikte tool, AppPresser. AppPresser biedt een geweldige mix van eenvoudige implementatie met diepere technische controle voor ontwikkelaars. Het maakt gebruik van plug-ins om te integreren met Adobe's Phonegap-platform. Met aangepaste uitbreidingen en aanvullende ontwikkeling, kunt u integreren met elke apparaatfunctie die door Phonegap wordt ondersteund, zoals contacten, geolocatie, de camera of de versnellingsmeter. (Misschien wilt u weten of mensen uw spullen tijdens het rijden lezen? In elk geval zou u in theorie een app kunnen bouwen).
Je kunt een eenvoudige AppPresser WordPress-app voor $ 199 bouwen, maar als je camera-integratie of e-commerce wilt, kost het je $ 499. Als u geïnteresseerd bent in het vergelijken en schatten van de kosten van het bouwen van een app vanaf het begin zonder AppPresser, biedt het koppelingen naar een aantal geweldige webbronnen: de app-ontwikkelingskostencalculator en hoeveel kost het om een app te ontwikkelen?
U kunt uw app in de iTunes Store en Google Play zelf vermelden of u kunt AppPresser betalen om het voor u te doen voor $ 499 (meer informatie over dit proces hieronder).
Hoewel er wat extra complexiteit is bij het uitbreiden van uw WordPress-site naar een app, waaronder het aanpassen van een nieuwe startpagina, biedt AppPresser zeer goede documentatie en talrijke videogidsen om u bij elke stap van de weg te begeleiden.
Simpel gezegd, AppPresser stelt u in staat om een native mobiele app voor iOS en Android te maken vanaf uw bestaande WordPress-site en deze te distribueren via de iTunes Store en Google Play. Je kunt pushmeldingen integreren, een e-commerce store maken met WooCommerce, een app voor sociaal netwerken met BuddyPress, of je kunt aangepaste ontwikkeling doen om elke reeks functies te bouwen die wordt ondersteund door de API van Phonegap. Hier is een eenvoudige introductievideo:
Wanneer u de AppPresser-plug-in en het thema installeert (opgenomen in de standaardbundel), verandert dit niet het uiterlijk van uw desktop of mobiele site, maar wordt het alleen zichtbaar in uw mobiele app. Uw normale websitethema en -functionaliteit zal helemaal niet worden beïnvloed. Met andere woorden, als u uw website bezoekt via de normale internetbrowser op uw apparaat, ziet u geen indicatie van het bestaan van AppPresser.
AppPresser beveelt echter aan dat u een snelle hostingoplossing voor uw WordPress-site heeft om een goed presterende mobiele app-ervaring te bieden. Als u managed hosting wilt, raden ze WPEngine aan. Als je zelf host, raad ik de snelle SSD-schijven bij Digital Ocean aan.
AppPresser-apps werken niet offline. Dus, uw app-gebruikers moeten een actieve internetverbinding hebben (mobiel of wifi) om nieuwe inhoud te bereiken.
AppPresser biedt extra uitbreidingen die de presentatie en functie van uw applicatie verbeteren, ze zijn allemaal beschikbaar in de agentbundel.
Waaronder:
Ze bieden ook een paar voorbeeld-apps om u te laten zien wat mogelijk is.
Voordat u een AppPresser-bundel aanschaft, adviseer ik u om u te registreren voor en het gratis AppPresser Developer Handbook te bekijken. Nadat u de standaardbundel of het bureaubundel heeft gekocht, kunt u aan de slag gaan met het bouwen van uw app.
Hier is een korte videogids die het eerste proces doorloopt van de integratie van AppPresser in uw WordPress-site, die we hieronder zullen beschrijven. En u kunt hier ook meer te weten komen over AppTheme.
Eerst installeert u vanuit uw WordPress Dashboard de AppPresser-plug-in uit de plugin-directory.
Deze plug-in integreert uw WordPress-site met de app-functies en -extensies die AppPresser biedt via Phonegap.
AppPresser stelt voor dat u het thema voor de app-site gebruikt (dit heeft geen invloed op uw bestaande desktop- of mobiele HTML-site). Het thema is ontworpen om te worden gebruikt door op aanrakingen gebaseerde apparaten, terwijl typische WordPress-thema's dat niet zijn.
Log in op uw AppPresser.com-account. Klik op Mijn account, vervolgens Details bekijken en Downloads om uw licentiesleutels en themadownload te krijgen. U kunt ook andere plug-ins downloaden op deze pagina.
Noteer uw licentiecodes en download uw AppTheme, AppSwiper-plug-in en eventuele aanvullende functies die u wilt gebruiken.
Voeg vanuit je WordPress Dashboard het themarits-zipbestand toe dat je hebt gedownload. Activeer het niet.
Upload vanuit het plug-in-menu de Swiper-plug-in die u hebt gedownload en activeer deze:
Klik vanuit het WordPress Dashboard op het AppPresser-menu. Schakel 'AppPresser laden voor alleen beheerders' in. Hiermee kunt u een voorbeeld van uw app weergeven als beheerder. Het heeft geen invloed op de normale werking van uw site. Als u uw normale website wilt bekijken, bladert u door uw site in de incognitomodus (niet aangemeld bij WordPress Dashboard). Voer ook uw licentiesleutel in en sla de instellingen op.
Dit is hoe mijn voorbeeld van de startpagina van de app erna eruit zag:
Functioneel, zeker, maar geen geweldige ervaring uit de verpakking. De volgende stap is het bouwen van een aparte aangepaste startpagina voor mijn app.
We raden u aan een aparte startpagina voor uw app te maken. Deze startpagina is alleen zichtbaar als mensen de app gebruiken. Het heeft geen invloed op de desktop- of mobiele HTML-website.
Maak vanuit het WordPress-dashboard een nieuwe startpagina voor uw app. Het helpt om discussies op deze pagina uit te schakelen, omdat opmerkingen niet zijn geoptimaliseerd voor op aanraking gebaseerde apps. Voeg de shortcode van [swiper] toe.
Met de AppSwiper-plug-in kunnen we nieuwe aangepaste berichttypen maken met de naam Sliders. Laten we een paar hiervan maken die linken naar inhoud die we in de app willen laten zien. Kies een feature-afbeelding voor elke dia als achtergrond.
Ga vanuit het WordPress Dashboard terug naar de AppPresser-instellingenpagina, typ de naam van de nieuwe startpagina in en selecteer deze:
Controleer nu uw website vernieuwen om de nieuwe startpagina te zien met de schuifregelaar in actie:
Je nieuwe startpagina van de app krijgt vorm. AppPresser biedt uitgebreide opties om het uiterlijk, het gevoel en het gedrag van uw site aan te passen.
Hoewel het buiten het bestek van deze zelfstudie valt, moet je de Nieuw een app maken met appPresser bekijken. Hieronder zie je hoe je de startpagina van je app kunt uitbreiden met de gratis Display Posts Shortcode plugin.
AppPresser heeft ook een aantal nuttige video's die je hier kunt bekijken.
Als u uw apps daadwerkelijk wilt weergeven en verkopen in iTunes Stores en Google Play, moet u een Apple iOS-ontwikkelaarslidmaatschap kopen voor $ 99 en Google Play-licentie voor $ 25.
AppPresser bouwt en toont uw app in de winkels voor $ 499, of u kunt hun stapsgewijze handleiding gebruiken om het zelf te doen. Het proces is een beetje onpraktisch en ingewikkeld, maar zeker haalbaar. Het vereist werken met Phonegap Build.
Dit is hun videogids:
Zodra je app beschikbaar is in de winkel, wil je je lezers vertellen via alle typische kanalen, e-mail, Facebook, Twitter, et al. Maar u wilt waarschijnlijk ook dat ze een slimme banner boven aan uw site zien wanneer ze op uw mobiele website surfen.
Er is eigenlijk een gratis WordPress-plug-in om Smart App Banners weer te geven. Of u kunt de banners native coderen, b. promoten van apps in mobiele Safari.
Met de Phonegap-integratie van AppPresser is de lucht de limiet tot hoe ver een geavanceerde app u kunt bouwen vanaf uw WordPress-site. Ik raad aan om hun documentatie, extensies, voorbeeld-apps en videogidsen te herzien om tot uw verbeelding te spreken.
AppPresser breidt het potentieel van WordPress op indrukwekkende wijze uit als een applicatieplatform. Succes!
AppPresser biedt een uitgebreide reeks documentatie om u te helpen slagen met hun product. Hier zijn enkele gerelateerde links die u wellicht wilt bekijken:
AppPresser heeft een geweldig overzichtsoverzicht en stap voor stap zelfstudievideo's om u te begeleiden bij alles wat u wilt doen. Hier zijn enkele aanvullende bronnen:
Accentsconagua