Wissen Sie, wie man eine Android- oder IOS-Anwendung erstellt? Ihr Blog oder Website unter WordPress? Möchten Sie Ihr Website-Symbol auch auf Ihrem Telefon haben? Ja ?

Aber alle Optionen, die Sie ausprobiert haben, sind entweder zu kompliziert oder zu teuer, und Sie haben widerwillig das Handtuch geworfen, weil " zu hart für dich “.

Bevor wir das Handtuch vollständig einwerfen, werden wir mit Ihnen erneut einen neuen Ansatz namens DIY versuchen, mit dem Sie kostengünstig eine grundlegende Anwendung Ihrer WordPress-Site erstellen können.

 PhoneGap-Built-Bild-Tutorial

PhoneGap Bebaut: Eine einfache und kostengünstige Möglichkeit, Ihre WordPress-Site in die mobile Welt Ihrer Benutzer zu integrieren.

Der Grund, warum die Erstellung mobiler Apps heute explodiert ist, liegt darin, dass eine mobile App zu einer Form des Marketings geworden ist, die die Wahrscheinlichkeit erhöht, dass Ihre App von neuen Besuchertypen entdeckt wird.

Heute geht es darum, Ihren Lesern die Wahl zu geben, wie sie Ihre Inhalte anzeigen möchten. Und mit dem stetig steigenden Internetzugang über mobile Geräte wird eine mobile App natürlich immer beliebter.

Die sehr gute Nachricht ist, dass es nicht mehr erforderlich ist, gute App-Entwickler zu finden, die CSS oder Java beherrschen, um eine mobile App für Ihre WordPress-Website zu erstellen.

Sie können es kostenlos und sehr oft kostenlos tun. Sie können auch ein paar ausgeben $ 99 / Jahr Beitritt zur IOS-Entwickler-Community zum Erstellen und Verteilen Ihrer App (direkt oder über den App Store).

Lassen Sie mich noch etwas ganz klares sagen: Es geht darum, eine mobile Anwendung zu erstellen, um den Inhalt Ihrer WordPress-Site auf den mobilen Geräten Ihrer Leser anzuzeigen. Es geht nicht darum, tatsächliche Anwendungen mit WordPress als Anwendungsframework zu erstellen.  

Wie funktioniert es?

PhoneGap-Built-how-ca-Walking

PGB erstellt Anwendungen viel einfacher

Diese Lösung basiert auf der Erstellung einer einfachen mobilen Anwendung unter Verwendung des Dienstes PhoneGap Build (BMPs) wer seinen ansprüchen wirklich gerecht wird:

Nehmen Sie sich etwas Geduld, wenn Sie mobile WordPress-Anwendungen entwickeln möchten.

Der Hauptzweck des Antrags wird sein, dieInAppBrowser Gerät und zeigen Sie es auf die Homepage Ihrer Website. Als ob Ihr Leser einen mobilen Webbrowser verwendet. Das Schöne an diesem Ansatz ist, dass in WordPress alles mithilfe der Tools, Techniken und Technologien, die Sie bereits kennen, effektiv gesteuert wird.

Wenn Sie das Erscheinungsbild Ihrer Anwendung ändern möchten, müssen Sie nur die aktualisieren Wordpress-Theme, muss kein Update für die App selbst bereitgestellt werden.

Die Lösung besteht also zu 1% aus der Anwendung und zu 99% aus WordPress. Das heißt, Sie müssen vorsichtig sein, was Ihre WordPress-Site als Inhalt liefert. Selbst das reaktionsschnellste Thema wird wahrscheinlich nicht den mobilen Apps entsprechen. Sie müssen sicherstellen, dass Sie das beste mobile Erlebnis haben. Dies bedeutet: Denken Sie über das Thema, den Inhalt, die Menüs und die Interaktion nach.

Dieses Tutorial konzentriert sich daher auf die Stärkung der Anwendung und das Einrichten von WordPress.

Laden Sie zuerst WordPress herunter, dann können Sie es testen, indem Sie einfach auf einem mobilen Gerät surfen oder einen Simulator verwenden - bevor Sie die App erstellen. Denken Sie immer daran, dass das Entfernen einer App von einem Startbildschirm einfacher ist als das Einrichten von dort.

4-Schritte zum Erstellen einer mobilen WordPress-App

Lassen Sie uns Schritt für Schritt unsere Anwendung erstellen. Da Android einfach ist, konzentrieren wir uns auf dieses Betriebssystem. Beachten Sie jedoch, dass der Prozess für jedes Betriebssystem ziemlich gleich ist.

Bevor Sie beginnen

Während Web-Apps einfach mit Emulatoren getestet werden können, lassen sich mobile Apps viel einfacher auf einem realen Gerät testen. Wenn Sie also kein Android-Gerät haben, suchen Sie besser nach einem, wenn Sie mit diesem Tutorial fortfahren möchten.

Wenn Sie PGB noch nicht verwendet haben, müssen Sie ein Konto erstellen. BMPs hat einen kostenlosen Plan, mit dem Sie eine einzelne private App erstellen können (die Sie durch Hochladen einer Zip-Datei erstellen können) oder unbegrenzte Open Source-Anwendungen.

Wenn Sie PGB noch nicht kennen, empfehle ich Ihnen, es in Verbindung mit GitHub zu verwenden, da dadurch die Aktualisierung und Neuerstellung Ihrer App viel nahtloser wird. Dies bedeutet auch, dass Sie Ihre GitHub-Anmeldeinformationen verwenden können, um sich bei PGB anzumelden.

Schritt 1. Erstellen Sie PGB-App-Dateien

PhoneGap-Built-create-the-fochiers-from-App

Die meisten Dateien in dieser Anwendung sind die Logos und Startbildschirme!

Die Struktur ist sehr einfach. Das Stammverzeichnis enthält die Dateien index.html, config.xml. Sehr wichtig!, eine Reihe von Symboldateien im Format png Standard und ein Verzeichnis Rindfleisch Hier finden Sie die Symbole des jeweiligen Betriebssystems für die Begrüßungsbildschirme und Deckblätter.

Sie können Laden Sie diese App herunter und verwenden Sie es, um einfach zu starten.

Schritt 2. Erstellen Sie Anwendungssymbole

Die Anwendungssymbole sind wichtig: Sie werden von der Anwendung verwendet, wenn dem Startbildschirm des Geräts ein Symbol hinzugefügt wird. Verwenden Sie einen der folgenden Dienste, um die Symbole zu generieren: appiconsizes ou makeappicon. Laden Sie nach dem Erstellen dieser Symbole die entsprechenden Bilder in den entsprechenden Ordner hoch.

Schritt 3. Konfigurieren Sie die Anwendung

Die gesamte Konfiguration ist in der Datei enthalten config.xml. Für Ihre eigene Anwendung müssen Sie Folgendes ändern:

  • @ Id-Widget – Die Konvention ist, die umzukehren Domain-Namen Ihrer Website und fügen Sie der Anwendung ein Suffix hinzu
  • Name - den Titel Ihrer Website
  • Beschreibung - eine kurze Beschreibung Ihrer Website
  • Autor (@ mail, @ href) - Ihre Kontaktdaten
  • src glücklich @ - Ändern Sie dies und verweisen Sie auf die Homepage Ihrer Website
  • Zugang @ Herkunft – Es bestimmt, welche Websites die Anwendung durchsuchen kann. Die beiden Möglichkeiten sind: Geben Sie Ihre ein Domain-Namen Beschränken Sie daher die App darauf, nur Ihre Website zu durchsuchen, oder verwenden Sie '*' und erlauben Sie der App, jede Website zu durchsuchen.

Diese Konfigurationsdatei enthält eine Reihe von Plugin-Elementen, von denen einige nicht hilfreich sind. Es ist jedoch weiterhin wichtig, dass Sie Ihre Anwendungen mit einigen dieser Plugins erstellen, um Funktionen wie die Geolokalisierung nutzen zu können, ohne Ihre Anwendung neu erstellen zu müssen.

Sie werden auch feststellen, dass es eine Reihe von App-Symbolen gibt, die für den Startbildschirm des Geräts und für die App-Startseiten verwendet werden. Wenn Sie die generierten Symbole in die genauen Ordner verschoben haben, müssen Sie hier nichts tun.

Beachten Sie jedoch, dass bei den Namen die Groß- und Kleinschreibung beachtet wird!

Schritt 4. Lassen Sie uns den PGB-Generierungsprozess starten

Gehen Sie zur PGB-Site und melden Sie sich an. Sie sehen den Anwendungsbildschirm, der natürlich leer ist.

PhoneGap-Built-START-the-Prozess-of-creation-of-the-Implementierung

PhoneGap Build ist in Verbindung mit GitHub viel einfacher

Angenommen, Sie sind in Ihrem GitHub-Konto angemeldet und erstellen eine Open-Source-App. Alle Ihre öffentlichen GitHub-Repositorys sind im verfügbar « Bestehende Fund Repo« Klicken Sie einfach auf den Pfeil, wählen Sie Ihr Verzeichnis und klicken Sie auf Pullover von GitHub-Repository.

PGB wechselt in Ihr Verzeichnis und zeigt Ihnen einen Bildschirm mit Anwendungsdetails an.

PhoneGap-Built-Screen-of-Anwendungen

Sobald PGB in die GitHub-Dateien geladen wurde, können Sie Ihre Anwendung erstellen.

Klicken Sie auf Bereit zu bauen

Die Seite ändert sich dann, um Ihnen den Fortschritt der Erstellung Ihrer Anwendung anzuzeigen. Standardmäßig versucht PGB, eine Anwendung für zu erstellen iOS, Android und Windows 8. Rot bedeutet, dass die Generierung fehlgeschlagen ist, während Blau eine erfolgreiche Erstellung anzeigt.

PhoneGap-Built-Prozess-of-creation

PGB wird versuchen, eine App für Android, iOS und Windows zu erstellen. Blau bedeutet, dass die Erstellung erfolgreich war.

iOS schlägt immer fehl, es sei denn, Sie haben PGB Ihre iOS-Entwicklerzertifikate zur Verfügung gestellt, für die eine Mitgliedschaft erforderlich ist das iOS-Entwicklerprogramm wie ich bereits erwähnt habe.

Hoffentlich war die Erstellung der Android-App jedoch erfolgreich und Sie können loslegen!

Sie können die Datei herunterladen apk durch Klicken auf das Symbol Android. Es gibt aber auch andere Methoden, um diese Datei wiederherzustellen. Unabhängig davon, welche Methode Sie verwenden, sollten Sie Ihr App-Symbol auf Ihrem Startbildschirm finden. (Wenn das Symbol nicht so aussieht, wie Sie es erwartet haben, haben Sie wahrscheinlich die falsche URL in der Datei config.xml angegeben.).

Klicken Sie auf Ihr App-Symbol und es wird geöffnet und Sie werden vom Startbildschirm und dann von der ersten Seite Ihrer Website begrüßt. (Abhängig von der Gerätespezifikation kann es zu geringfügigen Verzögerungen beim Verschieben des Startbildschirms auf die Site kommen.)

Herzlichen Glückwunsch, Sie haben gerade Ihre erste WordPress-Anwendung erstellt!

Jetzt hängt alles davon ab, wie Sie Ihre WordPress-Site eingerichtet haben. Der Vorteil ist jedoch, dass Sie jetzt nur noch in WordPress arbeiten müssen, um Verbesserungen vorzunehmen.

Wenn aus irgendeinem Grund eine Bild-URL falsch ist, müssen Sie die App neu erstellen:

  • Aktualisieren Sie die Dateien in Ihrem GitHub-Verzeichnis
  • Gehen Sie zur Anwendungsseite in PGB und klicken Sie auf  Update-Code - Die Dateien werden in Ihr GitHub-Verzeichnis hochgeladen
  • PGB sollte den Neuerstellungsprozess automatisch starten - andernfalls alle neu generieren

Wenn Sie jedoch mehr Funktionen des Mobilgeräts nutzen möchten, sollten Sie sich das genauer ansehen AppPresser.

Wenn Sie Ihren Lesern jedoch nur eine Wahlmöglichkeit geben müssen, indem Sie ihnen eine mobile App zur Verfügung stellen, hilft Ihnen dieser Prozess.

Wir hoffen, dass Ihnen dieses Tutorial dabei geholfen hat, eine mobile App für Ihre WordPress-Site zu erstellen. Wenn Sie Vorschläge oder Anmerkungen haben, teilen Sie uns diese bitte in unserem Kommentarbereich mit.