WordPress Mobile Pack PRO

Info

Name	WordPress Mobile Pack PRO
Market	codester.com
Category	Miscellaneous
Tags	android, iOS, mobile, responsive, Smartphone, touch, wordpress

Overview

WordPress Mobile Pack PRO is a self-hosted mobile solution that helps bloggers and small publishers to package their existing content into cross-platform mobile web applications (HTML5). It comes with:

3 App Themes (fully customizable)Social Features (Facebook, Twitter & Google+)Monetization Options (Google AdSense & Double Click for Publishers)1 Year of Professional SupportOngoing Features & Security UpdatesSingle WordPress Site License

WordPress Mobile Pack PRO eliminates the hassle of dealing with high development costs, approval processes with various App Stores, poor discoverability due to the closed environment of native apps and finally, one of the biggest injustices aimed towards the publishing industry in general – the shared revenue constraint.

What WordPress Mobile Pack PRO enables you to do:

Cross-platform mobile web applications. All it takes for a mobile web application to run is a modern mobile browser (HTML5 compatible), thus allowing readers to instantly have access to your content, without needing to go through an app store, download & install the app.
Responsive UI. The mobile web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the mobile web app seamlessly morphs into the screen size of users’ devices.
Theming. You can offer your users an exceptional reading experience by giving them a mobile web application with a native app-like look & feel. WP Mobile Pack PRO comes with 3 fully customizable app themes.
Customize appearance. Once a favourite theme has been selected, you can customize the colors & fonts, add your logo and graphic elements that can relate to your blog’s identity.
Posts Sync. The posts inside the mobile web application are organized into their corresponding categories, thus readers can simply swipe through articles and jump from category to category in a seamless way.
Pages Sync. Choose what pages you want to display on your mobile web application. You can edit, show/hide different pages and order them according to your needs.
Comments Sync. All the comments that are displayed in the blog are also synchronized into the mobile web application. On top of that, comments that are posted from within the app are also displayed on the blog.
Analytics. WordPress Mobile Pack PRO easily integrates with Google Analytics.
Add to Homescreen. Readers can add the mobile web application to their homescreen and run it in full-screen mode.

Here are some walk-through videos that can get you started with WordPress Mobile Pack PRO:

Getting started with WP Mobile Pack PRO

App Customization in WP Mobile Pack PRO

Monetize App with WP Mobile Pack PRO

Frequently Asked Questions

WHEN I VISIT MY WEBSITE FROM A SMARTPHONE, I DON’T SEE ANY POSTS OR PAGES

Please make sure that the endpoint exporting the content can be accessed and doesn’t show errors or notices. From a browser, go to the following address:http://yoursite.com/wp-content/plugins/wordpress-mobile-pack/export/content.php?content=exportcategories&limit=5&callback=Ext.data.JsonP.callback. You should see a text starting with “Ext.data.JsonP.callback”. If the page displays a “403 forbidden” message or has any errors / notices, it means that the content will not be available to the mobile web app.

I HAVE ENABLED WORDPRESS MOBILE PACK, BUT I STILL SEE THE DESKTOP THEME ON MY SMARTPHONE

If you are using a cache plugin, please check the docs. Some additional settings on the cache plugin might be required to correctly enable the mobile detection from WordPress Mobile Pack.

WHAT CAN I USE TO REPLACE CONTACT FORMS?

Most of the sites we come across use contact forms to allow users to get in touch or/and send messages. However, when targeting mobile users, forcing them to fill out a dull form (usually pretty long) is the worst UX you can offer to your mobile audience. Instead, here are a couple of approaches you could try out in your mobile web application:

WHAT DEVICES AND OPERATING SYSTEMS ARE SUPPORTED BY MY MOBILE WEB APPLICATION?

WordPress Mobile Pack PRO is supported on: iPhones, Android smartphones, Windows Phone 8 and Firefox OS. Compatible browsers: Safari, Google Chrome, Android – Native Browser, Internet Explorer 10 and Firefox.

HOW CAN MY READERS SWITCH BACK TO THE DESKTOP THEME FROM MY MOBILE WEB APPLICATION?

The side menu of the mobile web application contains a ‘Switch to website’ button that will take readers back to the desktop theme. Their option will be remembered the next time they visit your blog.

HOW CAN MY READERS SWITCH BACK TO THE MOBILE WEB APPLICATION FROM THE DESKTOP THEME?

A link called ‘Switch to mobile version’ will be displayed in the footer of your desktop theme, only for readers that are viewing the site from a supported device and browser. Their option will be remembered the next time they visit your blog.

I WANT TO TEMPORARILY DEACTIVATE MY MOBILE WEB APPLICATION. WHAT STEPS MUST I FOLLOW?

The mobile web application can be deactivated from the “Settings” page of the admin panel. This option will not delete any settings that you have done so far, like customizing the look & feel of your application, but mobile readers will no longer be able to see it on their devices.

WHAT IS THE DIFFERENCE BETWEEN MY NEW MOBILE WEB APPLICATION AND A MOBILE FRIENDLY SITE?

The short answer is that a mobile web application is an enriched version of a mobile-friendly site; it’s not only about screen size, it’s also about functionality (offline mode, for example). The long answer comes in a form of an article, you can check it out here:http://www.appticles.com/blog/2014/05/mobile-web-dying-shifting/.

WHAT IS THE DIFFERENCE BETWEEN MY MOBILE WEB APPLICATION AND A RESPONSIVE THEME?

A responsive theme is all about design – it loads the same styling as the desktop view, adjusting it to fit a smaller screen. A mobile web application combines the versatility of the web with the functionality of touch-enabled devices and can contain features that your desktop website doesn’t have (like offline mode for example). A mobile web app is similar to a native app in terms of look & feel, with the only difference being that it runs in the browser.

AM I ABLE TO USE MY OWN THEME OR CUSTOMIZE THE EXISTING ONE?

V2.0+ is based on a Javascript framework called Sencha Touch, that mimics a native app interface. Because of that, the themes used are not regular PHP based themes that can be easily customized by editing the source. It is still possible to make small CSS changes, but changing the theme structure will not work.

AM I ABLE TO ADD JAVASCRIPT CODE INSIDE THE THEME?

Adding tracking scripts in the source is possible if you place them in the section of the theme files. However, code that is placed inside the posts will not be executed. The theme is implemented enterily in Javascript and that would mean Javascript code inside another Javascript code.

AM I ABLE TO INTEGRATE MY OWN ADVERTISEMENT?

Google Ad Sense / Google Double Click for Publishers is supported on the Premium version as of v2.1. Support for other ad networks will be added in future releases.