Here we go again – another MobilePress tutorial to customize your WordPress mobile version. If you went through the post I made this morning, you should now have a better looking mobile version with colors that match your full version theme. Adding excerpt or post summary with thumbnails is a lot easier and you should be able to get it done in just a couple of minutes even if you’re new to WordPress. There isn’t much editing to do as I’ve simplified it totally. You’re only editing the css file in this tutorial, the rest is nothing but a piece of cake. 
Okay, let’s stop talking and get straight to business! Can you see the screenshot below? Your Mobilepress is going to look just like that in a couple of minutes if you follow this guide closely.
1. Log in to your cPanel and naviage to ./public_html/wp-content/plugins/mobilepress/system/themes/default/
2. Open header.php with editor and search for /* Structure */
3. Right below that, paste this code:
float:left;
margin-right:2px;
width:50px;
height:50px;
padding:1px;
border:solid 1px #ddd; }
4. Save your changes.
5. You’re still in that folder right? I mean ./public_html/wp-content/plugins/mobilepress/system/themes/default/ ? Now upload these attached files (index.php, functions.php and archive.php) to that folder. You should overwrite the existing ones.
6. In case you want to revert to your old look later, I suggest you download the default index.php and archive.php before replacing it with my modified ones.
Be sure to activate the default theme for iPhone too under Mobilepress settings on your dashboard else, iPhone users will still see that boring look. You should now check your blog on your mobile phone to see your Mobilepress display post thumbnails and post excerpt / summary on the homepage and category pages.
Twitter: xlimderek
says:
This is great, i can see its effect on ur blog right now..
Kudos bro
Thanks for the compliment, Derek.
Don Caprio recently posted..Customize MobilePress Theme – Add Thumbnail and Post Summary / Excerpt
Twitter: healthabeHQ
says:
ok Boss Thanks… Please the color to green,how will i do that?
You’re welcome but I’ve replied you here – http://www.doncaprio.com/2012/04/change-mobilepress-theme-edit-the-colors-and-add-a-logo.html#comment-5669
Don Caprio recently posted..7 Rules you should Follow for Off Page SEO
Twitter: itechcode
says:
Thanks Don for this superb and simple Tutorial.
I will implement it soon for new testing website.
Amit Shaw recently posted..Google Drive Features and Functionality
You’re welcome, Amit. I prefer Mobilepress to WP Touch because not everyone used a touch screen phone and I noticed there might be navigation problem when using phones with no touch screen functionality. That’s why I’ve been stuck with Mobilepress since.
Twitter: engineerjamal
says:
its a amaging post…….tnx bondhu (Friend)….
Twitter: healthabeHQ
says:
sIr am having problemS, after i have upload the archive.php and index.php my post will not show at all… I don’t know why, and please help me to put the code in a box so i can copy it. Thanks
Twitter: dekokoblog
says:
Please Don, check http://www.dekokoblog.com. it works for the first post and now bring error codes in the other. Please help, I didnt even save my former index and archive file
Essien recently posted..Comment on HOW TO INSERT GOOGLE ADSENSE IN YOUR BLOGGER POST by Parse Your Google Adsense Code With Quick Html Parser » DekokoBlog | DekokoBlog
My bad
I was supposed to include another modified file in the zip folder but it’s fixed now. Upload archive.php, index.php and functions.php. it’s gotta work. Let me know the result. download scripts.zip
Twitter: healthabeHQ
says:
@Don reply me na,how will i solve it .. @essien i have the default archive and index
Download this – download scripts.zip – and upload all the content.
Twitter: healthabeHQ
says:
i cant download it o. Its saying nothing found
Twitter: udegbunamchuks
says:
Post thumbnail ain’t showing on my site man. How do I fix that?
Awesome tutorial by the way
Perhaps it’s because you didn’t set thumbnails before posting but there’s a plugin that auto generates thumbnails.
Twitter: healthabeHQ
says:
Thanks Boss, its working now default thumbnail that is showing.
Twitter: healthabeHQ
says:
Twitter: techinfomania
says:
I just did it bro, but my mobile view aint bringing out my post pictures, itz bring out default thumbnails…. help plzz
Charles D’Magnificient recently posted..Facebook Phone Out Later This Year??
That’s because you don’t set feature images in your posts
Awesome Mobilepress guide. Implementing.
Obinna recently posted..How To Change Your Facebook Profile Username
Twitter: healthabeHQ
says:
DON DIRECTION TO ADD CATEGORIES NA
this is a great post Don. i use this mobile theme but cant find a way to make the facebook comments to work, only Disqus comment system is functional on the mobile view. please how can i get it to work? thanks
You need to manually edit your mobile template to make facebook comments work with it
the post i must confess is the best. But master don i need help in some areas pls. Like areas of uploading pls.
You can send me a direct message, Vita.
Thanks for the post, but each time I tried saving this: img.wp-post-image {
float:left;
margin-right:2px;
width:50px;
height:50px;
padding:1px;
border:solid 1px #ddd; }
It keeps telling me invalid path, my theme has a featured image thin already, please what do I need to do and do I just download d scripts and upload it alone? Please reply asap. Thanks
Yes, but I think you’ve done it already. Checked your blog just now.
Yes Boss, but it looks like it reverted back to the normal one again, what do I do now? And please do u have a post on how to add menu to mobilepress just like your own and how to boost traffic? Would really appreciate a link to them, thanks for the reply. But I need to get this featured thing done too. Thanks
@ Don, thanks, I have been able to resolve the mobilepress thing, please can you answer the rest of my question? The ones with any link to how to add menu on mobilepress and traffic. Thanks
Hi Don,
You did a very great job here. Kudos!
I have the mobilepress customized for my site by a friend (Kingsley) whom I believe used your tips.
Nevertheless I think “WordPress Mobile Edition” plugin together with “Carrington Mobile” looks great and more beautiful.
I have the plugins installed on Latest Technology News but haven’t activated it cos I’m still looking for a way to customize and display ads on it for mobile view.
So, do you have idea on how to customize it also?
Thanks.
You’re welcome, Azubuike. I haven’t used WordPress Mobile Edition so I really don’t how to customize it.
Sup bro
I love this article and it was helpful pls do you have any article concerning more ways to customize your mobilpress view?
Naija Career Portal recently posted..2012 NNPC and Esso Postgraduate Scholarship Program
Of course, you can check this posts:
http://www.doncaprio.com/2012/04/change-mobilepress-theme-edit-the-colors-and-add-a-logo.html
http://www.doncaprio.com/2012/06/adding-pagination-numbered-navigation-to-mobilepress.html
wow ,this tutorial worked for me.. nice post
fabinu recently posted..Giveaway Get thousand of FREE points at Addmefast
Glad it worked for you, bro.
Mobilepress is a nice plugin for mobile theme. I have also used it in my site .further adding thumbnail and excerpt would be great.
Twitter: allsoftware1
says:
Guy i really appreciate you , i am the guy that called you this morning concerning this thumbnail issue , i finally fixed it using the method you gave me , you can view it and see it now @ http://www.allsoftware.com.ng
THANKS ALOT
maingate recently posted..AVG Internet Security 2013 13.0 Build 2667a5738 – Final – X64 – X86 + KEY
Twitter: ArewaTech_CEO
says:
Sorry for the typing error. This article is helpful. Thanks don. Please check your facebook inbox
Twitter: ArewaTech_CEO
says:
Thanks for this helpful tutorial. Don, please check your facebook inbox
Abdul Tech recently posted..Comment on Choosing An Online Backup Service by Online backup services
Don Pls check out my site. I dnt realy want the thumbnail stuff again! Cos its has never worked! How do I remove thumbnail totaly. Using oscar redpress. Thnks.
Twitter: surestinfo
says:
Don please its not showing the post thumbnail after doing the whole process. rather its showing the default thumbnail
Set thumbnails for your posts.
Please I really like ur mobile template! Would u mind sending me the php codes of each class? I want to use it on my mobilepress!
I don’t really like my present outlook! Please Sir!!!!!
There’s a customize MobilePress I made a while ago. The one here is personally customized for this blog. You may check this out.
Don Where Can I get it pls!!!!
I love it a lot and I need it urgently!!!!
Please
Twitter: OWForum
says:
Good post, I am currently using dudamobile on my blog, I think its time to go back to mobipress
Twitter: game1stmobi
says:
This is great! i want donate for this plugin. It work very good!
vi nguyen recently posted..Music City 120 Mod x2, Music City 120 Touch
Twitter: ho9jablog
says:
Don please I need help desperately, I set featured image but my thumbnail won’t just show up.. And also how do I remove the default related post on my site and the default share buttons so only the one from this theme can show up thank u. C my site Don http://ho9ja.com
You’ve probably done some editing on the template preventing the thumbnails from showing. So far you enabled it from the settings and set featured images while posting your articles, it should show. Looks like you’re using some tinthumb plugin or something… it’s up to you to check your settings.
The only way to stop your default related post from showing up on mobile is to disable it totally or use another related post pluging that won’t display on Mobilepress (like nRelate Related Post). Same thing goes for your share buttons.
Twitter: ho9jablog
says:
Don thanks a lot, I solved one.»The related post« but I can’t find where to remove the default share buttons, and also I have deactivated the easy thumbnail I was using. (I do most of my posting from a wordpress application) do u know anyway I could add a feature image from it? Or do u know any plugin that can display my thumbnail while using your theme
hope am not bottherin u
I post mostly from my notebook so I may be unable to help on that.
For the large font, you may edit index.php and change the heading H2 tag making the font big.
Twitter: ho9jablog
says:
And my interface seem extra zoomed is there a way I could reduce the Zoom effect or font size? Please?
(That’s when my site is viewd from mobile)
Twitter: ho9jablog
says:
Thanks Don for replying. Buh pls before I mess things up, am I to edit index.php in skyline or default??? Also I want to ad page navigation is it in skyline or default I make my Edit..
Twitter: ho9jablog
says:
Don am sorry for disturbing, pls am confused I can’t find any Tag related to that can edit for the Large font size.