Make Your #WordPress Blog into a Native #iOS App in 4 Easy Steps [Tutorial + Full Source Code]

I always wanted to provide my readers with a seamless mobile experience in the form of a native Apple iOS app. However, I had no clue how to go about it. I tried many online resources but always ended up short. Finally, today after a bit of reading I was successful in creating a Native Apple iOS App for my WordPress Blog. Following is a simple tutorial I hope will benefit people who want to achieve the same. Its a quick tutorial and you can build an app in under 30 minutes and serve it in English and Russian language. You can also check out other developer tools and tricks.

 

Note: I am not currently providing any support for this. I assume you have working knowledge of XCode. This post is self explanatory and if need be, google/bing are your next best friends. On the contrary, do share with me your success story.

 

Prerequisite:

  1. Any Mac(Hack)intosh running Xcode. To submit your app to the app store you would need a developer account.
  2. Install JSON API, JSON API User, Better REST API Featured Images, and Roots controllers for JSON API plugins in wordpress and activate them.

 

Lets begin:

  1. Download the Full Source Code Zip file.
  2. Unzip the file in your documents (or any convenient folder).
  3. Open the mc.xcworkspace file in XCode.
  4. Now change the following file details (see image below)

4.1 Click on Defaults.swift (under mc>mc>helpers) and add your wordpress URL.

Note: You can add a link to your English and Russian language wordpress site.

 

4.2 Click on SettingsVC.swift (under mc>mc>UI>SettingsVC) and again add your wordpress URL.

 

4.3 In the same file, also change your contact email address, app name and app store URL.

 

4.4 Next click on Launch Screen.storyboard (under mc>mc>UI). Double click on the text and change it to your company name.

 

4.5 Now, click on Images.xcassets (under mc>mc) and then click on AppIcon. Now you can change the icons with your own icons. (Hint: Make a 1024 x 1024 px icon image and use https://makeappicon.com/ website to generate all of them.)

 

4.6 Finally change the App name and Bundle Identifier. Thats it! You’re done.

 

 

Hope you were able to find this tutorial helpful. A quick shout out to Andrey Baranchikov as this work is based on his code. The final version of the app is as below. Happy coding.

Ace London

Author

Ace London

Editor-In-Chief: I've worked in app development and marketing where my passion for gadgets grew exponentially. I later started my own tech site. The rest is history.

Up Next

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *