Skip to content

Alles für WordPress, Webentwicklung — und mehr

🚀 Wie man eine WordPress-Website in eine App umwandelt: eine Schritt-für-Schritt-Anleitung für 2026

🚀 Wie man eine WordPress-Website in eine App umwandelt: eine Schritt-für-Schritt-Anleitung für 2026

Eine mobile App für eine WordPress-Website ist heute kein Unternehmensluxus mehr mit einem sechsstelligen Preisschild. Sie können Lesern und Kunden eine vollwertige App bieten, ohne ein Entwicklungsteam und ohne eine einzige Zeile Code zu schreiben.

Doch es gibt einen Haken. Die Tool-Landschaft wurde in den letzten drei Jahren in ihren Grundfesten erschüttert. PhoneGap Build, bis vor Kurzem noch als Standard betrachtet, wurde von Adobe eingestellt. WordPress Mobile Pack wurde aus Sicherheitsgründen aus dem Verzeichnis entfernt. MobiLoud stellte sein Plugin im August 2025 ein. In der Zwischenzeit ist der PWA-Ansatz auf Produktionsniveau gereift, und Builder wie AppMySite und WPMobile.App sind weit leistungsfähiger geworden, als sie es 2021 waren.

Nachfolgend finden Sie einen direkten Weg von einer regulären WordPress-Website zu einer funktionierenden mobilen App im Jahr 2026. Mit lebenden und toten Tools, damit Sie nicht in die Fallen veralteter Anleitungen tappen.

💡 Kurzer Überblick:

  • Ein responsives Theme ist die Grundlage: Ohne es ist jeder weitere Schritt sinnlos, ein fehlerhaftes Layout bleibt auch in einer „App" fehlerhaft
  • PWA via Super Progressive Web Apps ist die schnellste und kostenlose Option: Installation auf dem Startbildschirm, Offline-Modus, keine Moderation durch Google Play oder App Store
  • No-Code-Builder AppMySite, WPMobile.App und AppPresser für native Store-Veröffentlichung mit Push-Benachrichtigungen und Analytik, ganz ohne Code
  • Capacitor + WordPress REST API ist der Weg für technisch Versierte: volle Kontrolle über die native Schicht, Zugriff auf Gerätekamera und Geolokalisierung

1. Ein responsives Theme ist die Grundlage, ohne sie ist jeder weitere Schritt sinnlos

Bevor Sie Ihre Website in eine App verpacken, öffnen Sie sie auf einem Smartphone. Wenn das Layout zerbricht, der Largest Contentful Paint drei Sekunden erreicht und die Schrift eine Lupe erfordert, wird kein PWA-Wrapper und kein natives Webview das beheben. Diese zeigen lediglich dieselbe Website an, nur ohne Adressleiste.

Gute Nachrichten: 2026 ist das Problem auf Theme-Ebene nahezu gelöst. Jedes moderne WordPress-Theme, von nativen Block-Themes bis hin zu Kadence, Blocksy und GeneratePress, ist von Haus aus responsiv. Media Queries und Flexbox/Grid sind zum Industriestandard geworden. Wenn Sie ein veraltetes Theme ohne mobile Anpassung haben, gibt es nur einen Ausweg: Wechseln Sie das Theme. Das ist schneller und sicherer, als mobile Versionen mit Zombie-Plugins zusammenzuflicken.

Any Mobile Theme Switcher funktioniert, aber mit Einschränkungen

Einstellungen für mobiles Theme-Switching in WordPress

Any Mobile Theme Switcher auf WordPress.org

Das Plugin erkennt den Gerätetyp des Besuchers (iPhone, iPad, Android, Windows Mobile) und liefert das ihm zugewiesene Theme aus. Mehrere parallele Themes, Wechsel mit einem Klick in den Einstellungen. Das Plugin hat über 20.000 aktive Installationen und eine Bewertung von 4,8 Sternen.

Aber es gibt eine Nuance. Das letzte Update erschien vor zwei Jahren, und das Plugin wurde mit den letzten drei großen WordPress-Versionen nicht getestet. Die Kompatibilität mit WP 6.9+ ist nicht garantiert. Testen Sie es in einer Staging-Umgebung, bevor Sie es in den Produktivbetrieb übernehmen.

Was früher verwendet wurde und warum Sie es nicht wiederholen sollten

Zwei Plugins, die in alten Anleitungen kursieren, sind inzwischen tot:

Oberfläche des entfernten iThemes Mobile-Plugins für WordPress

iThemes Mobile erlaubte es, mobile Themes auf Basis des aktuellen Designs über das Admin-Panel zu erstellen. Mit dem Übergang von iThemes zu SolidWP wurde das Plugin aufgegeben und ist vollständig aus dem Verzeichnis verschwunden.

Seite des entfernten WordPress Mobile Pack-Plugins

WordPress Mobile Pack versprach plattformübergreifende mobile Web-Apps und Google-Analytics-Integration. Es wurde im Juli 2023 mit einem Hinweis auf ein „Sicherheitsproblem" eingestellt. Die Installation ist absolut untersagt.

2. PWA: eine App ohne App-Stores

Bis 2020 war die Standardantwort auf die Frage „Wie erstelle ich eine App aus WordPress?" Adobe PhoneGap Build. Sie luden HTML, CSS und JavaScript hoch, und der Dienst erstellte APK für Android und IPA für iOS. Im Wesentlichen verpackte er nur die mobile Version der Website in ein WebView.

Dashboard des eingestellten Adobe PhoneGap Build-Dienstes

Im Jahr 2020 stellte Adobe den Support für PhoneGap ein und schaltete PhoneGap Build ab. Apache Cordova, auf dem PhoneGap basierte, existiert technisch noch, aber die Branche ist weitergezogen. Der moderne Standard für Hybrid-Apps ist Capacitor vom Ionic-Team. Und für die meisten WordPress-Projekte ist der Weg noch einfacher: Progressive Web Apps.

Was eine PWA ist und warum sie funktioniert

Eine Progressive Web App ist eine Website, die sich wie eine App verhält. Der Nutzer besucht die Seite, der Browser bietet „Installieren" an, und ein Icon erscheint auf dem Startbildschirm. Beim Start öffnet sich die PWA ohne Adressleiste, funktioniert offline, sendet Push-Benachrichtigungen und speichert Inhalte über einen Service Worker zwischen.

Für einen WordPress-Seitenbetreiber liegt der entscheidende Vorteil darin, dass Sie weder die Moderation von Google Play und App Store durchlaufen, eine jährliche Entwicklergebühr zahlen (25 Dollar einmalig für Google Play, 99 Dollar pro Jahr für Apple) noch eine separate Codebasis pflegen müssen. Eine Website, eine PWA.

Super Progressive Web Apps: PWA in fünf Minuten

PWA-Plugin-Einrichtung für Super Progressive Web Apps für WordPress

Super Progressive Web Apps ist das beliebteste PWA-Tool im WordPress-Verzeichnis. Kostenlos, die Installation dauert genau eine Minute:

  • Installieren und aktivieren Sie das Plugin über das WordPress-Admin-Menü.
  • Gehen Sie zu den Einstellungen, legen Sie App-Name, Kurzname und Hintergrundfarbe fest.
  • Laden Sie das App-Icon hoch (512 mal 512 Pixel PNG, die Standardgröße für das PWA-Manifest). Es erscheint auf dem Startbildschirm des Nutzers.
  • Speichern Sie und öffnen Sie die Seite mobil in Chrome. Der Browser bietet dann die Installation der PWA an.

Unter der Haube generiert das Plugin automatisch das Manifest (manifest.json) und den Service Worker. Das Seiten-Caching wird mit einem Häkchen aktiviert. Für benutzerdefinierte Caching-Strategien oder Hintergrundsynchronisation benötigen Sie Capacitor oder manuelle Arbeit mit Workbox, aber für die allermeisten Content- und kommerziellen WordPress-Seiten ist das mehr als ausreichend.

Visuelle PWA-Installation auf WordPress in wenigen Minuten:

Der PWA-Nachteil ist ehrlich: Auf iOS ist das Verhalten durch Apples Richtlinien eingeschränkt. Die Installation funktioniert, aber Push-Benachrichtigungen gibt es erst seit iOS 16.4 und sie sind noch immer nicht so flexibel wie auf Android. Wenn iOS-Push für Sie kritisch ist, werfen Sie einen Blick auf die nativen Builder im nächsten Abschnitt.

3. No-Code-Builder: native Apps für Google Play und den App Store

PWA deckt 80% der Anforderungen ab. Benötigen Sie jedoch speziell eine native App in den Stores, mit Veröffentlichung bei Google Play und im App Store, hochwertigen Push-Benachrichtigungen, Bewertungen und integrierter Analyse, kommen spezialisierte WordPress-Builder ins Spiel. Sie verbinden sich über ein Bridge-Plugin mit der Website, synchronisieren Inhalte in Echtzeit und erstellen Pakete für beide Plattformen.

AppMySite: kostenloser Einstieg mit WooCommerce-Integration

AppMySite-Oberfläche des No-Code-App-Builders

🔗 AppMySite auf WordPress.org | 🔗 Live-Demo

Der beliebteste No-Code-Builder im WordPress-Verzeichnis: über 8.000 aktive Installationen, 4,3 von 5 Sternen, mehr als 400.000 Downloads. Funktioniert mit normalen Websites und mit WooCommerce (Warenkorb und Checkout sind standardmäßig integriert).

Der Ablauf: Installieren Sie das Bridge-Plugin aus dem WordPress-Verzeichnis, registrieren Sie ein Konto bei appmysite.com, konfigurieren Sie das Design im visuellen Editor (Layouts, Farben, Icons) und übermitteln Sie den Build an Google Play und den App Store. Die Inhaltssynchronisation mit der Website erfolgt in Echtzeit: Ein neuer Beitrag oder ein neues Produkt erscheint automatisch in der App.

Zu den wichtigsten Funktionen gehören: Mehrsprachigkeit, Push-Benachrichtigungen, soziale Netzwerke und integrierte Performance-Analysen. Die kostenlose Stufe umfasst den grundlegenden Android-Build; iOS und erweiterte Funktionen erfordern ein Abonnement.

WPMobile.App: lebenslange Lizenz ohne Abonnements

Mit dem WPMobile.App-Plugin erstellte mobile App

🔗 WPMobile.App auf WordPress.org

WPMobile.App verkauft kein Abonnement, sondern eine lebenslange Lizenz: 129 Euro für Android, 129 Euro für iOS oder 239 Euro für beide Plattformen, laut der offiziellen Plugin-Seite. Das steht in deutlichem Kontrast zum wiederkehrenden Modell der Wettbewerber und macht WPMobile.App für kleine Projekte und Freelancer attraktiv.

Das Plugin unterstützt Push-Benachrichtigungen (manuell und automatisch bei Veröffentlichung eines neuen Beitrags), White-Label-Builds ohne Branding des Builders, automatische Inhaltsaktualisierungen und Nutzungsstatistiken in Echtzeit. Der Entwickler übernimmt die Store-Veröffentlichung: Sie erhalten fertige Builds. Bewertung 4,8 von 5, über 3.000 Installationen.

Es gibt eine Nuance: Die visuelle Anpassung erfolgt über ein natives Theme, nicht über einen Drag-and-Drop-Editor. Wenn Sie gestalterische Kontrolle über jedes Pixel wünschen, nehmen Sie AppMySite. Wenn Preis und Abonnementfreiheit wichtiger sind, nehmen Sie WPMobile.App.

AppPresser: maximale WordPress-Integration

AppPresser-Plugin-Einstellungsseite für WordPress

🔗 AppPresser auf WordPress.org

Das erste und tiefgreifendste Mobile-App-Framework für WordPress. Anders als Wettbewerber, die als Content-Feeds arbeiten, erlaubt AppPresser der App, WordPress-Plugins, Seiten und Beiträge direkt zu nutzen, inklusive Zugriff auf die Gerätekamera, Kontakte und andere native APIs.

Das Modell: ein kostenpflichtiger Plan bei apppresser.com, dann das Bridge-Plugin auf der WordPress-Website. Das Framework unterstützt E-Commerce, BuddyPress, LearnDash-Integration über AppLMS und benutzerdefinierte REST-API-Endpunkte.

Der Nachteil liegt auf der Hand: der Preis. Für einen Blog oder kleinen Shop liefern WPMobile.App oder AppMySite den Löwenanteil der Funktionalität für weit weniger Geld. AppPresser ist gerechtfertigt, wenn Sie tiefgehende Anpassungen benötigen: mehrere Benutzerrollen, Synchronisation des Lernfortschritts im LMS, Arbeiten mit der Gerätekamera und dem Dateisystem.

Warum MobiLoud nicht mehr auf der Liste steht

Entferntes MobiLoud-Plugin zur Umwandlung von WordPress in eine App

Bis August 2025 war MobiLoud ein nennenswerter Anbieter: Der monatliche Abonnementdienst übernahm den gesamten Zyklus (Build, Store-Veröffentlichung, Push-Benachrichtigungen und Verwaltung aus dem WordPress-Admin). Im August 2025 wurde das Plugin auf Wunsch des Autors dauerhaft von WordPress.org entfernt. Falls Sie MobiLoud in alten Übersichten begegnen, ist das nicht mehr aktuell.

4. Individuelle Entwicklung: Capacitor und WordPress REST API

Entwickler, der mobilen App-Code auf einem Laptop schreibt

Wenn Sie den Funktionsumfang von Buildern überschreiten, bleibt der Weg der individuellen Entwicklung. Der moderne Stack für alle, die bereit sind, Code zu schreiben:

  • Capacitor vom Ionic-Team ist ein vollständiger Ersatz für Cordova und PhoneGap. Es bietet Zugriff auf native Geräte-APIs (Kamera, Geolokalisierung, Dateisystem) über JavaScript-Brücken. Anders als Cordova schreibt Capacitor keine Projektstruktur vor und funktioniert mit jedem Frontend-Framework: React, Vue, Svelte oder reinem Vanilla JS.

  • WordPress REST API funktioniert in jedem modernen WordPress out of the box. Sie liefert JSON mit Beiträgen, Seiten, Taxonomien, Mediendateien und benutzerdefinierten Beitragstypen. Für WooCommerce gibt es eine separate WooCommerce REST API mit Endpunkten für Produkte, Bestellungen und Warenkorb.

  • React Native oder Flutter, falls der Capacitor-Wrapper den Performance-Anforderungen nicht genügt und Sie eine vollständig native Benutzeroberfläche benötigen. Der Preis: eine separate Codebasis, ein separater Entwicklungs- und Supportzyklus. Für die allermeisten Content-Projekte ist das überdimensioniert.

⁉️🤔 Häufig gestellte Fragen

Muss ich Apples jährliche Gebühr zahlen, um eine PWA zu veröffentlichen?

Nein. Eine PWA wird nicht im App Store veröffentlicht und erfordert keine Teilnahme am Apple Developer Program. Nutzer installieren die PWA direkt aus dem Browser, und Sie zahlen keinen Cent an Apple.

Funktionieren PWA-Push-Benachrichtigungen auf dem iPhone?

Mit iOS 16.4, veröffentlicht im März 2023, hat Apple Web-Push-Unterstützung für PWAs hinzugefügt, die zum Home-Bildschirm hinzugefügt wurden. Es funktioniert, aber mit Einschränkungen: Benachrichtigungen kommen ohne Symbole, Gruppierung und Aktionen sind schwächer als auf Android. Für vollwertige iOS-Push-Benachrichtigungen richten Sie den Blick auf native Builder.

Kann ich eine App für Android und iOS mit einem No-Code-Builder erstellen?

Ja, AppMySite, WPMobile.App und AppPresser erstellen Pakete für beide Plattformen aus einem Projekt. Der Unterschied liegt nur im Preis und in der Anpassungstiefe (Details oben in Abschnitt 3).

Was soll ich wählen: PWA oder native App?

PWA, wenn das Hauptziel ist, dass Leser und Kunden schnellen Zugriff auf Inhalte vom Home-Bildschirm und einen Offline-Modus haben und eine Store-Veröffentlichung nicht erforderlich ist. Native App, wenn hochwertige Push-Benachrichtigungen, Präsenz in Google Play und App Store als sozialer Beweis und Zugriff auf native Geräte-APIs entscheidend sind. Budget-Option: Erstellen Sie jetzt eine PWA und eine native App, wenn die Zielgruppe wächst.

Ist PhoneGap wirklich tot oder kann ich es noch nutzen?

Adobe hat den PhoneGap-Support 2020 offiziell eingestellt, der PhoneGap Build-Dienst ist nicht verfügbar. Apache Cordova funktioniert technisch noch, aber der Industriestandard hat sich zu Capacitor verschoben. Cordova 2026 für neue Projekte zu verwenden, bedeutet, sich freiwillig für einen veralteten Stack mit wachsenden Inkompatibilitäten zu entscheiden.

Was Sie 2026 installieren sollten: die abschließende Aufschlüsselung

Die Landschaft hat sich radikal verändert, ist aber einfacher geworden. PhoneGap ist verschwunden, seinen Platz haben PWA und Capacitor eingenommen. WordPress Mobile Pack und MobiLoud sind eingestellt, ersetzt durch AppMySite und WPMobile.App. iThemes Mobile ist mit dem SolidWP-Rebranding in der Versenkung verschwunden.

Der optimale Weg, um heute zu starten: Stellen Sie sicher, dass Ihr Theme responsiv ist → installieren Sie Super Progressive Web Apps → erhalten Sie eine PWA in fünf Minuten. Brauchen Sie eine native App in den Stores? Registrieren Sie sich bei AppMySite mit einem kostenlosen Start oder erwerben Sie eine Lebenszeitlizenz für WPMobile.App für 239 Euro für beide Plattformen, ohne wiederkehrende Zahlungen. Technisches Team und komplexes Projekt? Capacitor + WordPress REST API.

Zahlen Sie nicht zu viel für das, was kostenlos ist, und versuchen Sie nicht, eine native App auf dem toten PhoneGap nach einer Anleitung von 2019 zu bauen. Viel Erfolg bei Ihrem Release.