Warum überhaupt eine App machen, höre ich Sie fragen? Apps sind vielleicht nicht mehr sehr nützlich für das Marketing, aber sie sind für Ihre Kunden sehr praktisch – sie haben mehr Wahlmöglichkeiten, wie sie mit Ihrer Website interagieren. Mit dem anhaltenden Aufstieg des mobilen Internets (jetzt greifen mehr Menschen über mobile Apps auf das Internet zu als über Desktops) blühen Apps auf, da die meisten bei weitem nicht so umständlich oder problematisch sind wie mobile Webbrowser.
Die Kosten und die Frustration, die mit dem Bau verbunden sind, sind ebenfalls weit gesunken. Früher waren viele Unternehmen an Apps interessiert, aber die meisten waren nicht in der Lage, sie zu entwickeln. Es war einfach zu schwer. Oder teuer (die meisten Entwickler berechnen mehr als 100 USD pro Stunde)
Aber zum Glück sind die Dinge jetzt anders. Sie brauchen nicht mehr viel Geld oder Programmierkenntnisse, um eine kompetente App zu erstellen. Und noch besser – Sie haben Optionen. Heute schauen wir uns an:
- Stellen Sie sicher, dass Ihre WordPress-Site mobil responsive ist
- Erstellen (und Codieren) Ihrer eigenen App mit PhoneGap
- Verwenden Sie ein WordPress-Plugin, um Ihre App zu erstellen (auch bekannt als der einfache Weg)
Ein Hinweis zu kostenlosen App-Buildern
In den letzten Jahren sind eine Menge „kostenloser“ Optionen zum Erstellen einer App aufgetaucht, aber eine der vertrauenswürdigsten ist PhoneGap-Build von Adobe. Während deren Site wirbt, laden Sie einfach Ihre HTML5-, CSS- und JavaScript-Dateien hoch und die Site wird sie in eine sofort herunterladbare App assemblieren. Das Beste ist, dass es drei gleichzeitig für Android, Windows Phone 8 und iOS erstellen kann – das spart Ihnen viel Zeit.
Das Ergebnis wird nichts Besonderes sein. Tatsächlich ist alles, was diese Methode wirklich tut, Ihre Homepage als App zu tarnen. Wenn der Betrachter auf das Symbol tippt, wird er einfach zu derselben mobilen Website weitergeleitet, die er auch sehen würde, wenn er über den Browser seines Telefons darauf zugreifen würde. Damit diese Methode effektiv ist, müssen Sie also über eine vorhandene Website verfügen, die für die mobile Anzeige optimiert ist.
1. Stellen Sie sicher, dass Ihre WordPress-Site eine mobile Version hat
Wenn Ihre WordPress-Site nicht für mobile Geräte optimiert ist, hat dies wirklich keinen Sinn. Also optimieren Sie es! Am einfachsten ist es natürlich, einfach ein responsives WordPress-Theme wie für Mobilgeräte zu verwenden Gesamt. Aber wenn dein Theme nicht responsiv ist, gibt es viele Plugins, die helfen können.
iThemes Mobile
Mit iThemes Mobile können Sie einfache, aber effektive mobile Themen basierend auf Ihrem aktuellen Website-Design erstellen. Im Administrationsbereich können Sie die meisten Aspekte ihres Erscheinungsbilds anpassen, ohne sich mit dem Code herumschlagen zu müssen.
Jeder mobile Theme-Switcher
Any Mobile Theme Switcher ist ein grundlegendes Plugin, das das von Ihrem Betrachter verwendete Gerät erkennt und ein bestimmtes Thema für dieses Gerät anzeigt. Wenn Sie also mehrere Themen ausbalancieren möchten – eines für jedes mobile Betriebssystem – können Sie dies auf diese Weise tun.
WordPress Mobile-Paket
Schließlich gibt es noch das WordPress Mobile Pack, das eine Vielzahl plattformübergreifender mobiler Webanwendungen, Benutzeroberflächen- und Themenoptionen sowie eine einfache Integration mit Google Analytics bietet.
2. Verwenden Sie PhoneGap Build, um eine App zu erstellen
Wenn Sie technisch versiert sind und praktische Erfahrungen sammeln möchten, können Sie mit Adobe PhoneGap tatsächlich eine App für Ihre WordPress-Website erstellen. Adobe hat eine vollständige Schritt-für-Schritt-Anleitung in seinen Dokumenten, aber hier ist ein kurzer Blick auf die Schritte, die Sie befolgen müssen.
Schritt 1: Vorbereitung
Bevor Sie beginnen, stellen Sie sicher, dass Sie eine Möglichkeit haben, Ihre App zu testen. Sie können Browser-Entwicklungstools verwenden, um die Ansichten von Mobilgeräten zu imitieren, oder einen Dienst wie . ausprobieren CrossBrowser-Tests. Aber wenn Sie damit umgehen können, ist es wirklich am besten, ein iOS- und ein Android-Gerät zur Hand zu haben.
Als nächstes musst du Adobe PhoneGap Build installieren auf deinem Computer. Klicken Sie hier, um die Mac- oder PC-Version herunterzuladen, und befolgen Sie die Anweisungen auf dem Bildschirm. Adobe schlägt außerdem vor, ein kostenloses PhoneGap-Entwickler-App So können Sie Ihre App beim Erstellen sofort testen.
Schritt 2: Erstellen Sie Ihre App
Verwenden Sie als nächstes das PhoneGap-Programm, um Erstelle deine App. Bitte beachten Sie – PhoneGap basiert auf Cordova, daher müssen Sie es verstehen, um Ihre App tatsächlich zu codieren.
Wählen Sie aus einem standardmäßigen „Hello World“-Beispiel, Framework7, Push-Benachrichtigung, React Hot Loader oder einer leeren Vorlage, um loszulegen. Dann müssen Sie auswählen, wo auf Ihrer lokalen Festplatte Sie an Ihrem Projekt arbeiten, und einen Namen und eine ID angeben. Wenn Sie fertig sind, stellt PhoneGap eine Serveradresse bereit, die Sie zum Anzeigen Ihrer App verwenden können.
Um Ihnen einen Überblick zu verschaffen, benötigt Ihr Stammverzeichnis Schlüsseldateien für PhoneGap, um Ihre App tatsächlich zu erstellen. Insbesondere Ihre index.html (mindestens), config.xml und Unterverzeichnisordner (der letzte ist betriebssystemspezifisch).
Hier ist ein Beispiel direkt aus der PhoneGap-App Projektstruktur Seite:
Sie müssen auch Ihre eigenen Symbole erstellen. Dies können Sie selbstverständlich selbst erledigen oder ein kostenloses Online-Tool nutzen. IconsFlow ist ein großartiges Tool, mit dem Sie schnell professionelle App-Symbole erstellen können, indem Sie voreingestellte Bilder, Farboptionen, Farbverläufe usw. verwenden. Gestalten Sie einfach Ihr Symbol, erstellen Sie ein kostenloses Konto und laden Sie Ihre Dateien herunter. Wenn Sie bereits über ein Symbol verfügen, dessen Größe jedoch für alle Geräte und Betriebssysteme geändert werden muss, ist das kostenlose App Icon Maker kann genau das tun. Aber wenn Sie eine schnelle Google-Suche durchführen, werden Sie feststellen, dass es viele andere Websites, Dienste und Apps gibt, aus denen Sie wählen können, um Ihr Symbol zu erstellen.
Schritt 3: Testen Sie Ihre App
Wenn Ihre App fertig und einsatzbereit ist, können Sie sie mit der zuvor installierten PhoneGap Developer App testen. Verwenden Sie unbedingt die angegebene Serveradresse. Von dort aus können Sie Ihre App auf Ihrem Mobilgerät anzeigen, Probleme beheben, Korrekturen hinzufügen, erneut hochladen und neu erstellen, bis sie perfekt sind.
Ein wichtiger Hinweis: PhoneGap Builder kann nur mit iOS funktionieren, wenn Sie dem iOS-Entwicklerprogramm beigetreten sind (das zum Zeitpunkt der Erstellung dieses Artikels 99 US-Dollar pro Jahr kostete) und Ihre Zertifikate bereitgestellt haben. Mit der Software des Programms können Sie die App dort tatsächlich selbst erstellen. Aber der Grund, warum wir PhoneGap vorschlagen, ist, dass Sie Zeit sparen können, indem Sie alle drei gleichzeitig ausführen – ohne dass Sie alle einzeln ausführen müssen. Also ja, Sie bezahlen für eine Reihe von Diensten, die Sie möglicherweise nicht nutzen, aber wenn Sie Ihre App auf einem iProducts haben möchten, sind Sie hier irgendwie überfordert.
3. Verwenden Sie alternative App-Builder für WordPress
Zusätzlich zu den Tools von iOS gibt es viele andere Dienste und Plugins zum Erstellen von Apps, die Sie verwenden können. Diese sind deutlich einfacher, als selbst eine App zu erstellen. Einige von ihnen werden (zumindest) auch kostenlos eine Android-App erstellen. Sie sollten jedoch auf jeden Fall die Hauptseite des Entwicklers überprüfen, um sicher zu sein.
AppMySite
Erstellen Sie mit AppMySite eine App für Ihre Website. Dieses einfach zu bedienende Plugin und Service macht es einfach, Ihre WordPress-Site (oder sogar WooCommerce-Store) in nur wenigen Schritten in eine App zu verwandeln. Holen Sie sich zuerst das Plugin und registrieren Sie Ihr Konto. Dann machen Sie sich an die Personalisierung Ihrer App – es stehen zahlreiche integrierte Layouts und Funktionen zur Auswahl. Wenn Sie fertig sind, senden Sie Ihre App einfach ab, um Ihre App zu veröffentlichen (unterstützt für Android und iOS). Außerdem synchronisiert sich AppMySite in Echtzeit mit Ihrer Website, um Ihre App über alle neuen Beiträge oder Produkte, die Sie veröffentlichen, auf dem Laufenden zu halten.
Zu den weiteren Funktionen gehören Unterstützung mehrerer Sprachen, Warenkorb- und Checkout-Integration, Push-Benachrichtigungen, Social Media-Integration sowie Analysen, mit denen Sie die App-Leistung überwachen können.
AppPresser
AppPresser ist das größte, beliebteste und angeblich das erste mobile App-Framework für WordPress. Es bietet vollständige Integration: Während die meisten App-Builder nur einen Feed von Ihrer WordPress-Site verwenden, können Sie mit AppPresser alle Ihre Plugins, Beiträge und Seiten verwenden. Darüber hinaus aktualisiert es die App automatisch, sobald Sie Änderungen an Ihrer Site vornehmen. Es bietet auch volle Unterstützung für E-Commerce.
WPMobile-App
Mit der WPMobile-App können Sie sowohl Android- als auch iOS-Apps für Ihre Site erstellen. Während das Basis-Plugin kostenlos ist, müssen Sie für eine lebenslange Lizenz bezahlen, um Ihre App tatsächlich zu erstellen (ab 79 € für ein App-Format oder 149 € für beide). Mit der WPMobile App haben Sie Anpassungsoptionen, kostenlosen Live-Test, automatische App-Updates, Push-Benachrichtigungsunterstützung, soziale Integration und Premium-Support (eine Willkommensfunktion, wenn Sie nicht weiterkommen).
MobiLoud
Obwohl es teurer ist (ab 120 $/Monat), erledigt MobiLoud so ziemlich alles für Sie (einschließlich der Übermittlung Ihrer App an den App Store und Google Play), wodurch der Preis ziemlich vernünftig ist. Mit MobiLoud bietet Ihre endgültige App geräteübergreifende Kompatibilität, einfaches Teilen in sozialen Netzwerken, Monetarisierung (über Anzeigen oder Abonnements), Push-Benachrichtigungen und mehr. Und wenn der Dienst mit ihrem Plugin (oben verlinkt) gekoppelt ist, kannst du deine App verwalten und Push-Benachrichtigungen aus WordPress heraus verwalten.
Schließlich gibt es eine Menge Leute, die Sie dafür bezahlen können. Bei so vielen einfachen und erschwinglichen Möglichkeiten zum Selbermachen müssen Sie diesen Weg jedoch nicht wirklich für eine einfache App gehen.
Es gibt viele Möglichkeiten, eine App zu erstellen, und obwohl es auf den ersten Blick einschüchternd erscheint, machen die oben genannten Methoden es unglaublich einfach. Stellen Sie einfach sicher, dass Sie zu Beginn eine gute mobile Website haben, okay? Jetzt lass es mich haben. Habe ich hier etwas falsch gemacht? Gibt es noch andere Methoden, die ich kennen sollte? Fühlen Sie sich frei, unten Ihr Feedback zu hinterlassen!
