Skyline 2.0: Customized Theme for MobilePress 1.2.1 and Newer Versions

MobilePress got a major update some months ago after two years of being stagnant. This plugin happens to be one of the best and easiest ways to mobilize your WordPress blog and I used it for quite a while. The customized theme I created for it like a year ago no longer works for the latest release. MobilePress 1.2.1 came with a lot of changes. From a much better theme management, a great looking post page with comments to some other changes like the inclusion of post thumbnails, it’s only a relief that the author didn’t abandon the project completely.

mobilepress theme

Anyway, despite the changes, there were a couple of things that should be added to the theme which I tried to include in this latest release of Skyline Mobilepress theme. Features include:

  • Related posts: The new theme comes with a related post widget. Even if your site’s full version doesn’t have one, this will still show up.
  • Categories: There’s a dropdown menu at the top listing all your categories
  • Comment avatar: I guess you’re gonna like this feature. Comment authors’ avatars are shown in comments.
  • Excerpt on homepage: I think I limit this to 25 characaters but you can increase or decrease it right from the index and archive template.
  • Logo: The default theme has no logo but you can insert a logo easily in this theme.
  • Breadcrumbs: You must install RDFA Breadrumb navigation to make this appear.
  • Share buttons: Oh yeah! I just included some sleek looking share buttons.
  • Comment form: You visitors don’t need to load an extra page just to post a comment, it’s right there on the post page.
  • Improved styling: The default theme looks rather boring but I tried to make the theme brighter with CSS.
  • Author bio: Using some WordPress tags, author bio is shown below each post even if you have no such plugin installed.

It’s a whole lot of features packed into this MobilePress theme.

skyline

How to install Skyline Mobilepress theme

Before this theme can be of any use to you, you must install MobilePress first!

- Download Skyline MobilePress theme

- Login to cPanel and go to file manager

- Upload the theme to …/public_html/user/wp-content/

- Extract and there you have it

- Now go to WordPress dashboard > MobilePress > Themes

- Activate Skyline and check your blog

How to change the logo and favicon

- Go to cPanel file manager

- Go to …/public_html/user/wp-content/mobilepress/themes/skyline/img

- Upload a logo.png file with size 266 x 68 or a bit less, but not more.

- You may also upload a favicon.gif image here to replace the default M favicon

How to change the header links

- Go to …/public_html/user/wp-content/mobilepress/themes/skyline/header.php

- Edit the file and find these: http://your-contact-page & http://your-fan-page

- Replace with your contact page and fan page URLs respectively

Thumbnails not showing?

- Go to WordPress dashboard > MobilePress > Settings

- Check Show Post Thumbnails and Show Post Tags and save

How to integrate mobile ads

I wrote a post on how to add Google Adsense to MobilePress and you can check that out here.

Having issues with the theme? You can just let me know. By the way, it took almost a whole night trying to put the theme together with all the features, keeping the footer credit will be very much appreciated. Thanks!

. Filed Under: Wordpress




Author: Don Caprio

Don Caprio is a full time blogger / web designer living in Nigeria and apart from blogging, my other obsession is music. I'm a self-confessed Tupac fan, an iOS lover, an Android user, a Windows 8 power user, a writer with a 5-year old unfinished novel... and the list goes on and on. You can add me on Facebook, follow my updates on Twitter or add me to your circles on Google+! You can as well grab my feed and get updates through email...

  • http://techjay.com Derek

    Just what I’ve been waiting for.
    Thanks Don
    I honestly appreciate.

  • http://www.gadgetsmaniac4u.com Shyam Sunder

    Can you tell you which plugin are you using for your mobile version?I have tried wptouch and jetpack’s inbuilt mobile version.Also,please answer my comment which I left on your moving from blogger to WP without losing SEO and traffic.You will find it at the bottom of your post.Thanks!

    • http://www.doncaprio.com Don Caprio

      Presently, I’m using MobilePress and I definitely recommend it. It’s easy to tweak if you’re good with WP themes.

  • http://www.oscarmini.com Oscar

    Quite impressive. The Redpress Version 1.2 is in it’s final stage and would be out by tomorrow. Great job Caprio.

  • http://www.emitez.com/ anis

    Awesome post Don thanks for sharing this nice post keep it coming have a great day ahead !

  • http://ahmsta.com Ahmsta

    Great mobilepress theme, am in-love with the author section, A great improvement to the former

    • http://www.doncaprio.com Don Caprio

      Definitely! Thanks for the compliment. By the way, I love the re-design on your blog.

  • http://netmediablog.com Nwosu Desmond

    This is indeed an awesome theme for mobilepress. I like the widget addition and author’s bio box.

  • http://www.okaztle.com Okaztle

    Love the theme, mostly because of the comment avatar, good work..

  • http://www.kwentology.com Michael

    The only issue with mobilepress is that it doesn’t create thumbnails if photos are hosted in other website. Like what I have, all photos were uploaded in Picasa.

    • http://www.doncaprio.com Don Caprio

      I think it’s normal with WordPress unless you’re using a plugin to use external images as thumbnails.

  • http://naijatechbase.com Simple

    Wow! I really love this theme don… You’ve done a great job! #God bless bro

  • http://forum.nigerianwomen.net collins

    Good job but am find some problem installing the mobile press this is the error message
    Unpacking the package…

    Installing the theme…

    The package could not be installed. The theme is missing the style.css stylesheet.

    Theme install failed.

    • http://www.doncaprio.com Don Caprio

      The post up there contains a guide on how to install the theme. Please read again.

  • http://dawahnet.com dawah

    wao… this is so awesome, great u are nw using the mobilepress bk..but to say the fact, this is really a great design…nice work bro.

  • paschal

    I’ll try it out when I finsh moving my blog to anoda host

  • http://www.alexoludiya.com/technology Alex

    wow great plugin but what happens if i already have sharing plugin installed?

  • http://www.naijacomedyclub.com Olusegunadex

    The real don.. Nice work bro, you the bomb… Buh i got some ish with this skyline mobile press, my thumbnails are not showing.. I’v even checked n unchecked those thumbnails stuff over n over again, related posts also not working… Help a brother don…thanks

  • http://deluxejournal.com otobong

    You are just too much. Downloading this right away. I can’t shout oo!!! Thanks

  • http://www.alexoludiya.com/technology Alex

    Hi just discovered twitter sharing is via your handle which definitely looks somehow to me as you already got a footer link. Kindly respond

    • http://www.doncaprio.com Don Caprio

      You should edit single.php located in the theme folder and change st_via=’doncaprio’ to reflect your username.

  • http://cracktivity.us AdtzCyber

    i love this theme i used it ;D

  • http://wapmafia.info WapMafia

    Wow, nice theme bro… :D

  • http://blog.itgist.com Lekksite

    this is a nice mobilepress customization working well………….nice one caprio

  • http://wanentrepreneur.com deco_slim

    how can i change the colors to suit me

  • http://tipsonpoint.com oloyede jamiu

    Don, well done. thanks for releasing this theme.

  • http://masterseo.us Sherly Andayani

    OMG.. this theme very beautiful, thanks for share don :)

  • http://www.kwentology.com/ Michael

    Just a question. Does the thumbnails for excerpt work with images hosted in other sites like picasa or flickr?

    • http://www.doncaprio.com Don Caprio

      For that, you need to generate thumbnails from those external images. There’s are some plugins for that, you may try “Auto Generate Thumbnails”

  • http://www.ho9ja.com henri

    Hi don thanks for this theme its a turn arround for my Blog… :D but I have a little problem… I can’t see post thumbnails even after enabling it in the mobile press settings. Please help me thanks a lot in advance.

  • http://www.surestinfo.com surestinfo

    this is the web in our hand. don more grace to your elbow. ama give it a shot right away

  • http://www.surestinfo.com surestinfo

    i customized this theme as you instructed but its not showing thumbnail, the read more is unclickable, i changed the logo img to mine and deleted the former but all not showing. don caprio kindly help me sir

  • http://ho9ja.com henri

    Surestinfo, this themes are easy but tricky, I think you have messed up with some coding. Kindly reinstall the theme and while editing your codes makesure you do that from the theme folder *Skyline* in your control panel. About the thumbnail uninstall any plugin for thumbnail, (although I am nt using the thumbnail because of same issue) you can check http://ho9ja.com/http://bit.ly/14UlLpL to see how mine looks. If you still have difficulty fixing your problem I can help you. The theme is just d best thanks DON

    • http://www.doncaprio.com Don Caprio

      Thanks for the reply, Henri. You explained everything.

  • http://ho9ja.com henri

    Sorry this my site @surestinfo http://ho9ja.com/bit.ly/14UlLpL

  • http://www.surestinfo.com surestinfo

    @ henri, @ don caprio, my thumbnail is yet to show. I was having advanced except plugin to show read more on my blog but now I unistall it and the mobilepress now shows my post and read more button but it has removed the read more on desktop view and yet thumbnail not showing

  • http://ho9ja.com henri

    @surestinfo, for your desktop view read more option check your reader settings from wordpress admin settings, the problem may be from there, or check your theme properly settings properly.. I also noticed your site post are not opening. For the thumbnail.. @Don caprio will help you with that

  • http://www.surestinfo.com surestinfo

    @ henry i have checked the settings and this is what is there
    For each article in a feed, show
    Full text
    Summary
    and i choose summary but still not showing the read more. rather its showing this [...]

  • Henri

    Your Welcome Don :D

  • Henri

    Your Welcome Don :D my pleasure

  • http://www.surestinfo.com surestinfo

    does it means no solution to the thumbnail not showing on my site, even if i click on view in desktop it still reload back to the mobilepress page. if there is no way out then i better uninstall the plugin

  • henri

    You must have checked something, check your mobile press settings to see if you enabled force mobile site. http://ho9ja.com you may take a look at how my theme looks

  • http://www.alexoludiya.com alex

    you should set those images as featured image for the post

  • http://www.surestinfo.com surestinfo

    @ henri and alex, I have checked your site. Its almost the same thing as mine. No thumbnail but your view desktop version is working while mine reload back to the mobile view.
    I did not enable force mobile view
    @ alex how do I set the images as featured image
    Kindly check my site http://www.surestinfo.com

  • henri

    Surest info seems you installed your theme wrongly to correct it
    Go to your Admin dashboard»appearance»themes» then choose a theme for your desktop

    Then save.. View your site and tell me if its done.

    If it doesn’t work uninstall your mobile theme totally then reinstall but don’t activate.. Go to mobilepress settings» select skyline and activate it there
    NB activate it from mobile press settings not general theme settings

  • http://www.alexoludiya.com alex

    featured image shows when you are writing a post or editing if it is not showing you click the screen options and click it.
    …………………………………………………………..
    heads up for everyone
    i installed a new theme and it started to conflict with the mobilepress plugin(whitescreen,continous loading of page) not until i clicked ‘forced’ mobile view did it resolve.

  • http://rep9ja.com Prince Muzy

    Master Don… I recently started reading your blog and i think i’m really impressed. There’s no day i don’t come here now. Bro please i have a problem with the mobile theme.. It’s not displaying thumbnails. I’ve double checked all the settings and it still wouldn’t show. Any suggestions please? the site http://rep9ja.com

    • http://www.doncaprio.com Don Caprio

      By checking the box in your mobilepress settings, it should show by default. It’s not showing probably because you’ve edited the theme and changed what you shouldn’t have touched or you’re using a certain image plugin.

  • http://rep9ja.com Prince Muzy

    I just noticed if i replace this code in index.php-

    <a href="” class=”thumbnail”><img src="” />
    with this one-
    <?php if (has_post_thumbnail ()) { the_post_thumbnail (); } else { echo '’; } ?>
    it shows the numbnail but it doesnt resize it.. It comes up with the normal large image size in the post.. Maybe you could help with this hint?? You can check it out on http://rep9ja.com

    • http://www.doncaprio.com Don Caprio

      I checked your blog but Mobilepress is not installed.

  • http://rep9ja.com Prince Muzy

    if i replace

    <a href="” class=”thumbnail”><img src="” />

    with

    <?php if (has_post_thumbnail ()) { the_post_thumbnail (); } else { echo '’; } ?>
    <h2

    it works but doesn't re-size the image

  • http://www.omoscowonder.com Omoscowonder

    Thanks alot Doncaprio, just installed this theme on my mobile website, it’s awesome!.

  • http://muyosan.com Muyo-san

    This is great! Thanks so much for this really helpful article, and for the theme too

  • http://www.google.com/ google

    hello, my name is venessa1j0h and i like your blog. Is great to be here and I will comback soon. bye.

  • http://dawahnet.com dawatech

    wat a lovely theme

  • http://hiideemod.ga hiidee

    nice theme…nice one bro