Warum überhaupt eine App machen, höre ich Sie fragen? Apps sind für das Marketing möglicherweise nicht mehr sehr nützlich, aber für Ihre Kunden sehr praktisch. Sie haben mehr Auswahlmöglichkeiten, wie sie mit Ihrer Website interagieren. Mit dem fortschreitenden Aufstieg des mobilen Internets (mittlerweile greifen mehr Menschen über mobile Apps als über Desktops auf das Internet zu) 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 eines solchen verbunden sind, sind ebenfalls weit gesunken. Früher waren viele Unternehmen an Apps interessiert, aber die meisten konnten sie nicht erstellen. Es war einfach zu schwierig. Oder teuer (die meisten Entwickler berechnen mehr als 100 US-Dollar pro Stunde)
Aber zum Glück sind die Dinge jetzt anders. Sie benötigen 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 auf Mobilgeräte reagiert
- Erstellen (und Codieren) Ihrer eigenen App mit PhoneGap
- Verwenden Sie ein WordPress-Plugin, um Ihre App zu erstellen (auch bekannt als der einfache Weg).
Contents
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 Adobe PhoneGap Build. Wenn auf ihrer Website Werbung gemacht wird, laden Sie einfach Ihre HTML5-, CSS- und JavaScript-Dateien hoch, und die Website übernimmt die Zusammenstellung dieser Dateien zu einer sofort herunterladbaren App. Das Beste ist, dass drei gleichzeitig für Android, Windows Phone 8 und iOS erstellt werden können, wodurch Sie viel Zeit sparen.
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 nur zu derselben mobilen Website weitergeleitet, die er sehen würde, wenn er über den Browser seines Telefons darauf zugreifen würde. Damit diese Methode effektiv ist, muss eine Website vorhanden sein, 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 optimiere es! Natürlich ist es am einfachsten, ein mobiles WordPress-Theme wie Total zu verwenden. Wenn Ihr Thema jedoch nicht reagiert, gibt es zahlreiche Plugins, die Ihnen helfen können.
iThemes Mobile
Mit iThemes Mobile können Sie einfache, aber effektive mobile Themen erstellen, die auf Ihrem aktuellen Site-Design basieren. Über das Administrationsfenster können Sie die meisten Aspekte ihres Erscheinungsbilds anpassen, ohne sich mit dem Code herumschlagen zu müssen.
Beliebiger Mobile Theme Switcher
Jeder 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 ausgleichen möchten – eines für jedes mobile Betriebssystem – können Sie dies auf diese Weise tun.
WordPress Mobile Pack
Schließlich gibt es noch das WordPress Mobile Pack, das eine Vielzahl plattformübergreifender mobiler Webanwendungen, Benutzeroberflächen- und Themenoptionen sowie eine einfache Integration in Google Analytics bietet.
2. Verwenden Sie PhoneGap Build, um eine App zu erstellen
Wenn Sie technisch versiert sind und etwas in die Hand nehmen möchten, können Sie mit Adobe PhoneGap eine App für Ihre WordPress-Website erstellen. Adobe hat eine vollständige Schritt-für-Schritt-Anleitung in seinen Dokumenten. Hier finden Sie jedoch einen kurzen Überblick über die Schritte, die Sie ausführen müssen.
Schritt 1: Vorbereitung
Bevor Sie beginnen, stellen Sie sicher, dass Sie eine Möglichkeit haben, Ihre App zur Hand zu haben. Sie können Browser-Entwicklungstools verwenden, um Ansichten mobiler Geräte zu imitieren, oder einen Dienst wie diesen ausprobieren CrossBrowser-Tests. Aber wenn Sie es schaffen, ist es wirklich am besten, ein iOS- und ein Android-Gerät zur Hand zu haben.
Als nächstes müssen Sie Installieren Sie Adobe PhoneGap Build 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 zu installieren PhoneGap Developer App So können Sie Ihre App beim Erstellen sofort testen.
Schritt 2: Erstellen Sie Ihre App
Verwenden Sie anschließend das PhoneGap-Programm, um Erstellen Sie Ihre App. Bitte beachten Sie, dass PhoneGap auf Cordova basiert. Sie müssen also ein Verständnis dafür haben, um Ihre App tatsächlich zu codieren.
Wählen Sie aus einem Standardbeispiel für „Hello World“, Framework7, Push-Benachrichtigung, React Hot Loader oder Blank-Vorlage, um loszulegen. Anschließend 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, mit der Sie Ihre App anzeigen können.
Um Ihnen einen Überblick zu geben, benötigt Ihr Stammverzeichnis Schlüsseldateien für PhoneGap, um Ihre App tatsächlich zu erstellen. Insbesondere Ihre Ordner index.html (mindestens), config.xml und Unterverzeichnis (der letzte ist betriebssystemspezifisch).
Hier ist ein Beispiel direkt aus der PhoneGap-App Projektstruktur Seite:
\.
Sie müssen auch Ihre eigenen Symbole erstellen. Sie können dies natürlich selbst erledigen oder ein kostenloses Online-Tool verwenden. IconsFlow ist ein großartiges Tool, mit dem Sie schnell professionelle App-Symbole mit voreingestellten Bildern, Farboptionen, Verläufen usw. erstellen können. Entwerfen Sie einfach Ihr Symbol, erstellen Sie ein kostenloses Konto und laden Sie Ihre Dateien herunter. Wenn Sie bereits ein Symbol haben, dessen Größe jedoch für alle Geräte und Betriebssysteme geändert werden muss, ist das kostenlos App Icon Maker kann genau das tun. Wenn Sie jedoch eine schnelle Google-Suche durchführen, werden Sie feststellen, dass Sie aus zahlreichen anderen Websites, Diensten und Apps auswählen können, um Ihr Symbol zu erstellen.
Schritt 3: Testen Ihrer App
Wenn Ihre App fertig und betriebsbereit ist, können Sie sie mit der zuvor installierten PhoneGap Developer App testen. Stellen Sie sicher, dass Sie die angegebene Serveradresse verwenden. 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 verwendet werden, wenn Sie dem iOS Developer-Programm beigetreten sind (das zum Zeitpunkt der Erstellung dieses Artikels einen Preis von 99 US-Dollar pro Jahr hatte) und Ihre Zertifikate bereitgestellt haben. Mit der Software des Programms können Sie die App dort selbst erstellen. Der Grund, warum wir PhoneGap vorschlagen, ist, dass Sie Zeit sparen können, indem Sie alle drei gleichzeitig ausführen – ohne dass Sie dies separat tun müssen. Ja, Sie zahlen für eine Reihe von Diensten, die Sie möglicherweise nicht nutzen. Wenn Sie Ihre App jedoch auf iProducts verwenden möchten, sind Sie hier überfordert.
3. Verwenden Sie alternative App Builder für WordPress
Zusätzlich zu den iOS-Tools gibt es viele andere App-Erstellungsdienste und Plugins, die Sie verwenden können. Diese sind wesentlich einfacher als das Erstellen einer App selbst. Einige von ihnen werden (zumindest) kostenlos eine Android-App erstellen. Sie sollten jedoch auf jeden Fall die Hauptseite des Entwicklers überprüfen, um sicherzugehen.
AppPresser
AppPresser ist das größte, beliebteste und angeblich erste mobile App Framework für WordPress. Es bietet vollständige Integration: Wenn die meisten App-Entwickler nur einen Feed von Ihrer WordPress-Site verwenden, können Sie mit AppPresser alle Ihre Plugins, Beiträge und Seiten verwenden. Darüber hinaus wird die App automatisch aktualisiert, sobald Sie Änderungen an Ihrer Website 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 Website erstellen. Während das Basis-Plugin kostenlos ist, müssen Sie 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 stehen Ihnen Anpassungsoptionen, ein kostenloser Live-Test, automatische App-Updates, Push-Benachrichtigungsunterstützung, soziale Integration und Premium-Support zur Verfügung (eine willkommene Funktion, wenn Sie nicht weiterkommen)..
MobiLoud
MobiLoud ist zwar teurer (ab 120 US-Dollar pro Monat), erledigt aber so ziemlich alles für Sie (einschließlich der Übermittlung Ihrer App an den App Store und an Google Play), wodurch der Preis ziemlich vernünftig wird. 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 vieles mehr. Und wenn der Dienst mit dem oben verlinkten Plugin gekoppelt ist, können Sie Ihre App verwalten und Benachrichtigungen über WordPress senden.
Schließlich gibt es eine Menge Leute, die Sie bezahlen können, um es für Sie zu tun. Bei so vielen einfachen und erschwinglichen Möglichkeiten zum Selbermachen müssen Sie diesen Weg für eine einfache App jedoch nicht wirklich gehen.
Es gibt unzählige Möglichkeiten, eine App zu erstellen, und obwohl dies auf den ersten Blick einschüchternd erscheint, machen es die oben genannten Methoden unglaublich einfach. Stellen Sie einfach sicher, dass Sie zunächst eine gute mobile Website haben, okay? Jetzt lass es mich haben. Habe ich hier etwas falsch gemacht? Gibt es andere Methoden, die ich kennen sollte? Fühlen Sie sich frei, Ihr Feedback unten zu hinterlassen!
