To celebrate iOS 7 release, we offer xcode version as bonus.
WpApp is a Titanium template that enable you to create an iOS app for WordPress blog. You can put as many categories as you need, blog post, share post to facebook or by email. It use native iOS interface so the user will be quickly familiar with the user interface.
There are many benefits from having a mobile app for blog site. It can increase the visitor loyalty, expanding market reader, and also to make more money by using admob.
In order to fetch blog post data, WpApp require a WpApp WordPress plugin to be installed. This plugin is included in this package.
WpApp is tested with Titanium Mobile SDK 2.1.1.GA and XCode 4.4, work well with iOS 4 and iOS 5.
Note for iOS6 and iPhone 5This item has been updated to work with iOS6 and iPhone 5 screen size. Unfortunately AdMob module will not work for iOS6. So if you develop for iPhone 5, the Admob is disabled. You can still use AdMod module if you build for iOS5.
Current versionWpApp v3.0
Demo AppThe iPhone app is currently under ‘waiting for review’ status. I will update when it is approved. Android app is available in Google Play: http://bit.ly/GR9AyX
- Build universal app, iPad ready (v3.0)
- APNS script to send push notification (v3.0)
- Customize Admob banner size, iPad only (v3.0)
- Push notification for each time new post published (v2.0)
- More social sites: twitter improved, youtube, facebook and flickr (v2.0)
- Twitter posts (v1.1)
- Pages List (v1.1)
- Admob module
- Database cache
- i18n localization
- Unlimited categories
- Pull to refresh
- Share by email and facebook
- Loading indicator
- 20 color skins
- Reset data
- Automatically finding image from blog post
- WordPress plugin
- Easy to customize
- WpApp in action. This video show what WpApp can do.
- WpApp quick start guide. This video show that using WpApp you can create a new iphone app for your WordPress blog in 5 minutes.
- Hide the 2nd tab. This video show how to hide the 2nd tab (category dashboard). It is an easy step.
- How to use image as title bar. This video show how to change the first tab (recent posts) to have image as title bar.
Video submitted by users:
- WordPress App Mobile by dalcingarage
- How to make WpApp as a newsstand app
- How to generate .p12 file for push notification
- Setup Urban Airship for WpApp
- More about customizing WpApp
How It WorksThis app require internet connection. When the app start for the first time, it has empty database. Then it will fetch data from your blog. You can set to fetch 10 posts at once or more if you like.
Then it will be stored in database for future use. The app won’t fetch again until a certain time that you can set, by default is 1800 seconds. Unless the user refresh the content by perform ‘pull to refresh’ (like twitter app). The new data will be added to database along with the previous blog post.
The first tab is ‘recent post’. It contains recent post from entire blog post.
The second tab contains category list (in dashboard ui). It can handle unlimited number of categories. Per page can contain 9 categories, so it will create more pages if you have more than 9 categories.
How to set the category? It is easy. I prepared a plain text file that represent category structure, you need to place:
- Category slug (you can see it in WordPress admin panel)
- Category title / label
- Category icon for off and for on status
When the category is tapped / clicked in the category dashboard, it will open a new window with the blog post list of that category (similar with recent post list).
In the detail blog post, there is ‘share’ button. User can share by email or post it to their facebook account.
The third tab is the WordPress pages list.
The fourth tab is the Twitter posts.
The fifth tab contains about page. As you can see in screenshot, the user can perform:
- Contact webmaster by email
- Tell a friend by email
- View terms and conditions
- Reset data. It will clean up database.
Does it need internet connection?
Yes. It fetch blog data using internet connection. Then store it in database for future use for faster access.
Does it update the content without need to update the app in Apple App Store?
Yes. Because it fetch the data from your blog, it will update immediately without need to update the app in Apple App Store.
Does it work with any wordpress themes?
Yes. It is an iPhone app. It has its own user interface that is separated from wordpress theme. So it will work with any wordpress themes.
I’m not an iOS developer and I don’t have Mac. Could you build and publish an iPhone app for me?
Yes I can help you to build and publish an iPhone app for your wordpress blog. You must be a valid owner of WpApp. This would be a freelance work, so please contact me for more detail. Thank you.
How to get the bonus app?
Email me from codecanyon.net so I can check whenever you have valid license. Or contact me by skype: dodywic
WpApp v3.0 - August 13, 2012 ============================ - Build universal app, iPad ready - APNS script to send push notification - Customize Admob banner size, iPad only WpApp v2.0 - Feb 11, 2012 ========================= - Push notification for each time new post published - More social sites: twitter improved, youtube, facebook and flickr WpApp v1.1 - Jan 03, 2012 ========================= - Add twitter posts - Add pages list WpApp v1.0 - Des 23, 2011 ========================= - First release
BONUS #1: WpApp Android version
I have WpApp android version ready. Please consider this as bonus and it is provided as it is. If you purchased this item you can email me from codecanyon.net so I can check whenever you have valid license.
Because of android limitation, I have to make some changes from original version. It is optimized for screen size 320×480.
- push notification
- share blog post
- in about menu: contact webmaster and tell a friend
- category dashboard is replaced with tableview, the category listing is automatically fetched from blog
- load indicator using android indicator
- because of there are too many tabs, then youtube tab, facebook tab and flicker tab are hidden, uncomment them in /ui/wpapp.js to show these tabs
- pull to refresh is replaced with refresh menu item using menu button
- “back” button in iOS navigation bar is replaced with android back button
BONUS #2: WpApp XCode version
~~~~~~~~~~~~~ WpApp – XCode Version v1.0 September 23, 2013 ~~~~~~~~~~~~~
This XCode project will provide basic function of Wordpress iOS app. It will load recent news, category list and posts within each of categories.
Even it serve basic function, it already prepared as foundation for bigger project. I have included:
- Async JSON load and async image load, to keep user interaction responsive during data loading.
- CoreData and NSFetchedResultsController for speed optimisation. It also keep data stored in local database for further usage.
- Base class of category post view controller. You may want to offer categories in each of tab item, or using off canvas left menu navigation, or any other kind of navigation. You can always reuse this class and implement your own navigation style.