ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: So verwandeln Sie Ihre WordPress-Site Schritt für Schritt in eine App
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)
Wie man
Diese 20-Pfund-Alexa-Uhr ist ein Smart-Home-Schnäppchen
Angebote
Die PS5-Preissenkung muss man gesehen haben, um es glauben zu können
Angebote
Ton und Bild: Mich stört eine weitere Spotify-HiFi-Verzögerung nicht so sehr
Technische Bewertungen
Gewinner und Verlierer: Das Steam Deck wird zum ersten Mal verkauft, da Microsoft sein KI-Ethikteam fallen lässt
Technische Bewertungen
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tipps > So verwandeln Sie Ihre WordPress-Site Schritt für Schritt in eine App
Tipps

So verwandeln Sie Ihre WordPress-Site Schritt für Schritt in eine App

Zuletzt aktualisiert: November 17, 2021 2:30 am
ThemeLocal vor 1 Jahr 12 Minuten Mindestlesezeit
Aktie
12 Minuten Mindestlesezeit
Aktie

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.

Contents
Ein Hinweis zu kostenlosen App-Buildern1. Stellen Sie sicher, dass Ihre WordPress-Site eine mobile Version hatiThemes MobileJeder mobile Theme-SwitcherWordPress Mobile-Paket2. Verwenden Sie PhoneGap Build, um eine App zu erstellenSchritt 1: VorbereitungSchritt 2: Erstellen Sie Ihre AppSchritt 3: Testen Sie Ihre App3. Verwenden Sie alternative App-Builder für WordPressAppMySiteAppPresserWPMobile-AppMobiLoud

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

iThemes Mobile

Infos & Download

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

Jeder mobile Theme-Switcher

Infos & DownloadDemo ansehen

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

WordPress Mobile Pack-Plugin

Infos & DownloadDemo ansehen

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

Adobe PhoneGap-Build

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:

Projektstruktur der PhoneGap-App

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

AppMySite

Infos & DownloadDemo ansehen

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

Infos & DownloadDemo ansehen

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

WPMobile-App

Infos & DownloadDemo ansehen

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

Mobiloud

Infos & DownloadDemo ansehen

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!

Verwandter Beitrag

So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)

Ton und Bild: Mich stört eine weitere Spotify-HiFi-Verzögerung nicht so sehr

Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

So ersetzen Sie die Joystick-Kappen am DualSense Edge

MARKIERTE: App, eine, für, Ihre, Schritt, Sie, verwandeln, WordPressSite
ThemeLocal November 17, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel So verstecken Sie nicht vorrätige Produkte in Shopify
Nächster Artikel WordPress-Plugins, um mehr Geld mit Ihrem Blog zu verdienen
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

Now’s Super Fiber Broadband ist derzeit super günstig
Angebote
So springen Sie mit dieser einfachen Geste zum Anfang einer App
Wie man
So wählen Sie eine Standardsuchmaschine in Safari aus und wechseln die Suchmaschine im Handumdrehen
Wie man
Samsung Galaxy A34 5G vs. Galaxy A33 5G: Lohnt sich das Upgrade?
Gegen
NordVPN Standard vs. NordVPN Complete: Welches Bundle ist das Richtige für dich?
Gegen
So kommen Sie mit einem VPN zu günstigeren Flügen
Wie man

También podría gustarte

Wie man

So ändern Sie den Hintergrund auf dem iPhone basierend auf der Tageszeit (2023)

vor 4 Stunden 6 Minuten Mindestlesezeit
Technische Bewertungen

Ton und Bild: Mich stört eine weitere Spotify-HiFi-Verzögerung nicht so sehr

vor 1 Tag 4 Minuten Mindestlesezeit
Showcase

Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)

vor 2 Tagen 12 Minuten Mindestlesezeit
Guides

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

vor 3 Tagen 5 Minuten Mindestlesezeit
Wie man

So ersetzen Sie die Joystick-Kappen am DualSense Edge

vor 3 Tagen 3 Minuten Mindestlesezeit
Gegen

NordVPN Standard vs. NordVPN Complete: Welches Bundle ist das Richtige für dich?

vor 3 Tagen 4 Minuten Mindestlesezeit
Wie man

So erhalten Sie ChatGPT auf Ihrer Apple Watch

vor 3 Tagen 2 Minuten Mindestlesezeit
Wie man

So laden Sie einen Film in eine Instax Mini-Kamera

vor 4 Tagen 2 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?