michaelsiu

Monika

IdeaPress – Turn WordPress into Mobile Apps (Android, iPhone, WinPhone)

Don't write a single line of code. Turn your wordpress into mobile app in 5 mins. (Android, iOS, winPhone)

Alex Kirk

This plugin adds a <code>/my-apps/</code> route to your WordPress so that it can act as your personal apps launcher — a dashboard that feels like a mobile phone home screen, so you don’t have to navigate wp-admin to reach the apps you use.
Apps can be plugins that register their own icon, custom links you add yourself, or plugins you install on demand from the built-in app store.
<h3>Features</h3>
<ul>
<li>Launcher at <code>/my-apps/</code> with grid or flow layouts, drag-to-reorder, and an edit mode for customization.</li>
<li>Display settings live in the launcher itself (no admin page): icon size, spacing, grid columns, layout toggle, background color/image, optional personalized greeting, and, in WordPress Playground, a default-on per-user redirect from <code>/</code> to <code>/my-apps/</code> plus a default-on simplified WordPress mode that hides legacy admin shortcuts, plugin recommendations, manual add links, and core WordPress guides behind a reveal button. Device-specific display settings are stored per-device while in edit mode, and app-level options live in a dedicated My Apps Settings window.</li>
<li>App Store for installing new apps: browse a curated catalog, view app detail pages, and install via WordPress Playground blueprints. Paste a custom blueprint JSON from the clipboard to install anything.</li>
<li>Plugin-provided launcher icons: installed apps appear in My Apps when the plugin registers through <code>my_apps_plugins</code>.</li>
<li>Mobile-friendly: full-screen app store, three icons per row, and a My Apps link in the admin bar on the frontend.</li>
</ul>
<h3>Adding an app from a plugin</h3>
Plugins can register their own launcher icon by filtering <code>my_apps_plugins</code>:
<pre><code>add_filter( 'my_apps_plugins', function ( $apps ) {
 // Add your app to the array. These three keys are mandatory:
 $apps['friends'] = array(
 // Name: The name that will be displayed.
 'name' => __( 'Friends', 'friends' ),
 // The icon as a URL. You can also use a local URL inside a plugin, using `plugins_url()`.
 'icon_url' => 'https://ps.w.org/friends/assets/icon-256x256.png',
 // The URL this should link to.
 'url' => home_url( '/friends/' ),
 );
 return $apps;
} );
</code></pre>
<h3>Temporarily adding an app from a blueprint</h3>
You can add your own app to the App Store by pasting a complete WordPress Playground <code>blueprint.json</code>. Open My Apps, choose Add, then paste the blueprint anywhere in the App Store. On mobile, focus the Search field and paste the blueprint there.
My Apps reads the blueprint’s <code>meta.title</code>, <code>meta.description</code>, and <code>meta.author</code> fields to create the app-store entry. If the title matches an existing app, you can temporarily override that app with your pasted blueprint. Custom and modified blueprint entries are stored in this browser, appear in the Custom section, and can be removed or reverted from their badge in the App Store. When you paste multiple versions for the same entry, My Apps keeps a short version list so you can switch between them from the App Store.
To test App Store catalog, What can I do? guide, or plugin recommendation changes from another blueprints source without changing this plugin, paste a <code>WordPress/blueprints</code> PR number, a PR URL, or a GitHub fork branch URL anywhere in the App Store. On mobile, paste it into Search. Use the x next to the source indicator to return to the default catalog.
To test an app or plugin change from GitHub, paste a PR URL, commit URL, or PR changes URL for the repository installed by an existing app blueprint, such as <code>https://github.com/example-user/example-plugin/pull/117</code>, <code>https://github.com/example-user/example-plugin/commit/0123456789abcdef0123456789abcdef01234567</code>, or <code>https://github.com/example-user/example-plugin/pull/144/changes/fedcba9876543210fedcba9876543210fedcba98</code>. My Apps will point the matching blueprint or recommended GitHub plugin at the PR branch or commit. Reverting that modified entry also clears its pasted version list.
Example:
<pre><code>`json
</code></pre>
{ 
 “$schema”: “https://playground.wordpress.net/blueprint-schema.json”, 
 “meta”: { 
 “title”: “My Custom App”, 
 “description”: “Installs my custom WordPress app.”, 
 “author”: “Your Name” 
 }, 
 “landingPage”: “/wp-admin/”, 
 “steps”: [ 
 { 
 “step”: “installPlugin”, 
 “pluginData”: { 
 “resource”: “wordpress.org/plugins”, 
 “slug”: “gutenberg” 
 } 
 } 
 ] 
} 
 `
<h3>Short install links</h3>
For QR-code-friendly shares, link to the site root with <code>myapps-i=<app-slug></code>. My Apps redirects the request into <code>/my-apps/</code>, installs the matching App Store entry if needed, and opens the app’s landing page with the remaining query parameters preserved.
Example:
<pre><code>`
</code></pre>
https://my.wordpress.net/?myapps-i=wordcamp-companion&schedule=https%3A%2F%2Fexample.com%2Fschedule.json 
 `
<pre><code>wordcamp-companion resolves to the matching App Store catalog key, including `apps/wordcamp-companion.json` and `blueprints/wordcamp-companion/blueprint.json`. You can also use `?install=1&app=wordcamp-companion` when an `app` parameter is easier to generate.
</code></pre>
<h3>Abilities API</h3>
When the WordPress Abilities API is available, My Apps registers a <code>my-apps</code> category with App Store search, What can I do? guide discovery, and launcher customization abilities:
<ul>
<li><code>my-apps/get-all</code> returns the full launcher state, including grouped background metadata, visible apps in display order, and app customization metadata.</li>
<li><code>my-apps/get-what-can-i-do</code> returns the default My Apps What can I do? guide catalog for questions like “what can I do?”. It intentionally excludes browser-local custom blueprints and alternate App Store catalog sources; the backing catalog file remains <code>recipes.json</code>.</li>
<li><code>my-apps/search-app-store</code> searches or browses the default My Apps App Store catalog, including curated installable apps and optional curated plugin recommendations. It intentionally excludes browser-local custom blueprints and alternate App Store catalog sources.</li>
<li><code>my-apps/set-background</code> updates the launcher background using a preset slug, an image attachment ID, a remote image URL to sideload or use directly if sideloading fails, or a safe CSS color/gradient value.</li>
<li><code>my-apps/add-app</code> creates a custom app icon with a name, URL, and optional icon. Icons can be an image URL, Dashicon, emoji, gradient, generated letter tile, or the app URL’s conventional <code>/favicon.ico</code>.</li>
<li><code>my-apps/set-app-details</code> renames an existing launcher app, changes its URL, or reverts those name/URL overrides.</li>
<li><code>my-apps/set-app-icon</code> updates or reverts the icon for an existing launcher app by slug.</li>
<li><code>my-apps/set-visible-ordered</code> sets the complete <code>visible_ordered</code> launcher app list; apps omitted from this list are hidden.</li>
<li><code>my-apps/set-app-visibility</code> hides or restores a launcher app by slug.</li>
</ul>
When the AI Assistant plugin is available, My Apps also registers domain hints so questions about the My Apps App Store, app catalog search/browsing, installable apps/plugins, What can I do? guides, what WordPress can do, the launcher, app icons, hidden apps, app order, and launcher backgrounds are routed to these abilities.

IdeaPress – Turn WordPress into Mobile Apps (Android, iPhone, WinPhone) vs My Apps