Do you know how you can convert your WordPress website into Mobile app with very simple steps? Is your answer NO?
Don’t worry I am here to tell you how you can convert your WordPress Website Into Mobile App easily with very few steps because WordPress To Mobile App conversion is a very simple procedure and looks like professional mobile apps.
Welcome to NewAgeBlogging, What’s up guys I am Adeel Qadir and this is a very very special article because in this tutorial, I’m going to show you how to convert your WordPress website into an Android mobile app and that too for free. That’s right guys absolutely free and you don’t have to pay a single penny for that.
Okay without wasting any time let’s get started, and before starting if you really enjoy my articles and tutorials also if this tutorial really helps you, make sure you share this article also give a thumbs up to this and I would really appreciate that.
So let’s come back to the website and obviously before proceeding further you first need to have a WordPress website and I guess most of you guys have it that’s why you’re reading this awesome tutorial.
If you don’t have your own WordPress website, don’t worry I have created detailed article on it with 12 easy steps on how to create your own WordPress website so easily. So make sure to check that out if you don’t already have a WordPress website.
So come back to your website how would this go to your WordPress website dashboard, whatever website you have created. Now what we have to do? We have to install a plugin a free plug-in a very very useful plug-in.
WordPress recently removed this plugin from its library due to Policy Violation.
But don’t you worry. It’s still available on the developer’s official website. So you can download it from the developer’s official website and this plugin is 100% safe and virus-free. After downloading the file I deep scanned it and it does not contain any virus or code.
So if you are thinking that if WordPress has removed it from its library then it is not appropriate for you to use it then you are thinking wrong because there are many plugins that are not in the WordPress library but we use them and they are also very popular.
So don’t worry about it and download this plugin. It’s enough to say that we are downloading it from the official website of the developer. So just download and install the WordApp plugin and activate.
Go over the Plugin from the left navigation bar and click Add New.
Now click on the Upload Plugin button and click on the Choose file button and open the downloaded plugin file and finally click on the Install Now button.
After the installation clicks on the Active Plugin button to activate the plugin. Once you do so you see the quick wizard windows or you’re at the left-hand side you will see the WordApp menu and just click on that.
Now click on Allow and Continue button and get started oh yes you’re the mean fun begins as you can see there is a you can see our you know preview of your app, how your app would look like in mobile phone.
Step # 1 – Design
OK and as you can see at the top there is a header. I don’t want that header. I want my website exactly to look same on the mobile website.
So what I’ll do is first so let’s start from top first, first one is apt to bulk a colour. This is the app toolbar colour. We don’t just want to change that because I’ll be totally removing that section.
1. Now we are in App configuration section where first we type the name of our app, I will give it NewAgeBlogging obviously.
2. Now upload your app logo, I already have created a logo you obviously would have your own logo just upload that logo and logo size must be 512 x 512 pixels. Once you do so just scroll down and now as you can see we also can see our logo.
3. If you want to add some custom app background you can upload it from here. If you don’t use leave it as blank.
1. Now we are in the content style section where you can select themes for your app but I recommend don’t use any theme and go with default theme.
2. Now select opening page, opening page how should up what should be your opening page, So basically you have different our type of post a list of post last I have I would recommend not to touch all these things and you can select this opening page and you can select different pages.
If you want a different page to be are displayed, if you want your home page to be displayed like it is displaying on your website select default home page. If you don’t want to do any settings just make this thing default and you use WordPress default settings.
3. Choose your WordPress theme for app. If you have installed many theme already you can select one of them and click and save changes to save your work.
Step # 2 – Menu & Bars
Now go to this section Menus And Bars, just click on this menus and bars so here basically it will ask you Manu’s and Bars setting.
1. Top Navigation bar, First turn on activate bars and also turn on Tidy up because it’s help to remove extra headers & footer to make the app look more tidy.
2. Now I will turn off Top Menu because I don’t like it and I said before I will remove it completely but if you need it you can use it as per your needs.
I am also removing this because I will be using menus already on my website so I do not need extra menu bar.
3. Bottom Navigations, if you want our bottom navigation. So basically if you select a bottom leg a variation on so what would this do is you know bring your navigation at the bottom.
So I don’t want that and I will turn off this because I already added my bottom menus in my website and I just want my website to look exactly. You know the same on the app so I don’t want to do any change over here.
If you want to talk navigation a bottom half side navigation whatever you want you can select this and make this on I don’t want to do that.
Now go to the last option which is the App Structure and that is the most important option. So click on App Structure and now here again it will ask you for app icons. So upload that icon which you just uploaded and recommended icon size is 512 x 512.
So now you should see that now the second option is an App Splash, this is basically the image which comes when you open your web server.
When you open your Android app you see first a page or an image come so basically this is that screen you know so your image must be 640 x 1136 pixels as you can see over here.
So I have already created image, I will upload that so just click on upload splash and here is the image which I have created was 640 into 1136 pixel.
Now you have to give a name to your app. So again I will put in NewAgeBloggin, and a default app version will be 0.01 which is fine, if you want to change App version you must need to buy WordApp premium version.
Now You can give our app description, keywords, and you can select a category floor and let’s select entertainment. You can also give some keyword and description to your app if you want. Now just click on Save Changes.
Finally, After doing all these changes just click on this publish app button at the top. Fine once you do you will receive this thing or your this page now we have our app name completed app I can completed app splash screen and these are the three most important thing.
Now here you have to enter the email address on which you want your get APK file. Basically the APK file is just the file your app file, Android app file. I am putting my email address and just click on this publish Android app.
After clicking the Publish Android App! you will see a popup notification on the right side of the address bar and it means your download request successfully sent to WordApp.
Once you do so within an hour for me it was mostly within an hour. So within an hour, you will receive Email from WordApp with your app download link.
Let me show you how that would look like and as you can see on my mobile phone and here you will have your download APK file. This is the link which you have to click once, you click on this link your file will get downloading.
So after downloading the file, I have already downloaded this file, let me show you how that file would look like your mobile phone. Now go to your Explorer and you see APK files and as you can see. Now you can just install this app
Now let’s see as you can see we have our app over here. We have the logo which we just installed we have our app name NewAgeBlogging and everything is fine.
Let’s open and see whether everything is working fine or not. Okay so as you can see our website is getting loaded our the Android app.
So Now it is not a website, it’s an Android app that sounds cool for free and this looks terrific awesome.
As you can see this is an Android app, we didn’t have to spend a single penny and we have our Android app. It looks amazing super awesome nothing has changed it really has you know this really looks awesome and I’m really happy to see this.
This is how you create an Android app but this is not the end after this you have done you know. I got an email. let’s after this you will have to upload this to Google Play Store. So that anyone and everyone can install it from Google Play Store.
Okay guys so for this article this is the end, I guess I have shown you how to create or how to convert your WordPress website into mobile app and I hope you guys enjoy this article, make sure to give a thumbs up to this and also subscribe to my blog.
Thank you for reading, Stay Tuned, Stay Updated.