Spring Special: Get Mobilized for free!
Last Updated on Monday, 14 March 2011 01:49 Written by Theresa Monday, 14 March 2011 12:21
How mobilized is your blog? One of my goals this year was to learn how to create a mobile version of a blog or blogsite that is truly a “mini” version of the actual site. I had a plugin working for a while that switched over to a mobile theme, but I found a lot of things wrong with it. 1) flash galleries weren’t being substituted for non-flash compatible ones that I set up, 2) post images by default don’t show up on the front page or show up too small and 3) I could never get it to look exactly the way I wanted. #2 was a big point for me considering as photographers, we want our images to be seen and often seen as large as possible.
Well now, I can say I have it probably 85% figured out. I’ve worked hard in getting my photography blogsite working correctly on an iPhone and I think I now have it to where I’m quite happy with it. Here are some goals I was trying to accomplish:
- increase text size to increase readability on small devices
- format the width to increase visibility of post images and text (many blogs are wider than the default 980 pixels width allowed)
- insure that galleries are viewable (non-flash compatible)
- verify menu compatibility
- verify forms are operational
- overall formatting of theme structure works correctly
When I say that I’m 85% there, I have to admit that I can’t be 100% sure only because I don’t own an iPad, so I can’t verify the layout on that device. THIS is one of the reasons why I’m offering a special this Spring. For any custom blog or blogsite, I will create a mobile version of your site for free. In actuality, you’ll be helping me out since I need more practice in creating mobile stylesheets. If any of you have Androids or iPads, that would be a double bonus for me. For blogsites, I always install a non-flash compatible photo gallery system, so portfolio galleries always show up. I’ve also found a flash slideshow plugin that stacks photos in posts when viewed on a non-flash browser.
Here’s a side by side comparison of my blogsite that shows the difference between what it looks like on 1) Firefox for PC 2) Safari on an iPhone 4 and 3) mobile plugin called Wapple Architect. Click on the thumbnail to see the pc screenshot.
Firefox on pc
(1440px widescreen reduced to 1200px):
custom mobile style on Safari on iPhone (320px wide):
Mobile theme using Wapple Architect plugin
As you can see, the iPhone version is more readable now with the text and width adjustments. If I were to leave it alone and just let the default stylesheet load, the text would be TINY and the width of the blog would make image viewing difficult as well. The mobile plugin theme is….yuck. It doesn’t look much like my blogsite and images are small, and I had to hack it quite a bit to show the first image at all.
Spring Special: Free mobilized style for all Complete Blog and Blogsite Packages – sign up by April 30th, 2011. The cost to mobilize an existing blog theme is $50. After April 30th, the cost to add on a mobilized theme will be $100.
Wow, it does make a difference. Thanks for showing us via photos. Until I saw that, I was thinking that mobilizing wasn’t that big a deal. Clearly it is. As always, you’re on top of it!