MobilePress is a WordPress plugin that renders a mobile friendly version of a WordPress blog to mobile devices. The growth of mobile technology has lead to increase in mobile phone users, most internet users today surf via their mobile phones and tablets and as a webmaster/blogger you have to optimize your blog to tap into the mobile traffic. That is exactly where Mobilepress comes in, Mobilepress will help serve your blog as a mobile site so mobile visitors can as well view your blog.
The beautiful part is that you can customize MobilePress to look just anyhow you want it to, a little knowledge of HTML and CSS will do the trick for you. Don’t worry though if you do not have any knowledge of HTML or CSS. I have already customized the latest version of MobilePress for you, all you have to do is download it from this blog post, upload it on your server and activate it via your WordPress dashboard.
After the last update on MobilePress to MobilePress v1.2.1 the structure and function of the plugin has changed, so even if you have the backup of the former version it won’t work on the version 1.2.1 so I decided to customize the new MobilePress 1.2.1 version and share with you. Without wasting time let’s get started…
Customize MobilePress 1.2.1
Download and install the latest version of MobilePress on your site, if you have already uploaded to version 1.2.1 skip this stage.
Login to your cPanel and navigate to …/public_html/wp-content/plugins/mobilepress/themes/
Upload the Skypress_MobilePress_Theme.zip you downloaded earlier and extract the folder by right clicking on it and selecting extract
Login to your WordPress Dashboad and navigate to MobilePress > Themes and activate the SkyPress MobilePress Theme
Then your site will have a new look, you can go ahead and preview your blog on a mobile device now. Then you will need to customize the Skypress MobilePress theme to suit your blog appropriately.
Changing the logo: Go back to cPanel & navigate to …/public_html/wp-content/plugins/mobilepress/themes/skypress and upload your logo.png file (overwrite the logo file in the directory), ensure your logo is named logo.png with a transparent background.
Adding Adsense: Create a mobile adsense from your adsense account, copy the code and paste it on a text file and save it as adsense.php, upload it to your WordPress installation folder (public_html folder)
Editing the categories: Simply scroll towards the end of the header.php file you will see something like this <center><b><a href=”#”>Category 1</a> | <a href=”#”>Category 2</a> | <a href=”#”>Category 3</a> <br/> <a href=”#”>Category 4</a> | <a href=”#”>Category 5</a> | <a href=”#”>Category 6</a> | <a href=”#”>Category 7</a></b></center>, edit it to suit your blog categories and save it.
Must Read: How to view the mobile version of a website on a computer.
I hope you can find your way around the theme, if you find anything difficult, drop your question here using the comment form below. I will be glad to assist you in any way i can.
Nice theme you have here, i have recently share my own version of the mobilepress theme, i have designed a Bluepress mobilepress 1.2.1 enabled theme , many users have used it and it works beautifully
Nwosu Mavtrevor says
Thanks for sharing your customized bluepress mobilepress 1.2.1