Discussion of mobile theme issues
I’m interested in hearing what other WP.com users think about the default mobile theme, and mobile browsing in general, including issues related to fixed-width vs. flexible width themes.
(Note: I do not currently pay for the CSS upgrade, altough I’m starting to give it serious consideration. It’s very reasonably priced, IMO, so cost isn’t the issue.)
I’ve never really liked the mobile theme, because it strips too much of my blog’s visual identity. The customizing I do with the theme’s default options are important to me, and to lose so many style elements – things like background color and the customized sidebar and footer – bothers me.
So, then I thought, the iPhone has touchscreen gestures (double tapping and pinching and zooming) that make it incredibly easy to isolate the main content columns on websites, I only have a two-column blog, so I might as well just disable the mobile theme. This way the whole blog loads initially, which might take a little longer, but then at least my whole visual identity is intact, and then the reader can zoom however they see fit.
Problem is, when I came to this conclusion, I was using Twenty-Eleven, the best all-around theme I’d tried in years, and because it’s a flexible-width theme, it gets messed up in a mobile browser. (My custom header image – which in my case, at the time, contained the title of my blog – was covered over by the search bar, the background color was not visible at all, and the sidebar was bumped down to the bottom, beneath my last post, where it looked terrible.)
After much playing around, I settled on Bueno, a fixed-width theme, the mobile theme is disabled, but there are a few things about Bueno that I don’t care for (one example: I don’t like that only the day and month is displayed with each post…when someone views an older post from a previous year, the only way they can tell what year it’s from is if they look in the URL).
Anyway, I find it an interesting little dilemma, and I’d be curious what others think about it, what others have decided they’d do about these issues, etc.
I’m wondering if you might like to check here:
There is a separate forum for the blackberry app at http://blackberry.forums.wordpress.org/
For the iphone wordpress app http://iphone.forums.wordpress.org/
If it is the app written by wordpress http://android.forums.wordpress.org/
But, my post is not about the WordPress app.
Rather, as I wrote, it’s about the mobile theme, which can be toggled on or off at: Dashboard->Appearance->Extras, as well as issues concerning flexible-width and fixed-width themes.
I purposefully didn’t designate this as a support topic because I just think it’s an interesting thing to discuss.
The WP.com mobile theme is actually quite old as a technology. I give WordPress credit for offering it as early as they did, as more and more people started using smartphones. It showed that they were paying attention to the trends and responding in a timely, creative way.
Right out of the gate, it met a need, it allowed blogs to load faster because they were stripped of most graphics. And, of course, it focused on post content already sized for a mobile screen.
However, much has changed since then. Wi-Fi was slower and hard to find, and there wasn’t even 3G when the WP mobile theme was introduced. With 3G and now 4G available, the loading time isn’t nearly as big an issue, and, as I mentioned in my first post, smartphone touchscreen gestures make it easy to zoom in on columns of text for easier reading.
Finally, from what I’ve heard, iOS 5 is supposed to have even more advanced technology for isolating columns of text content on websites and making it easier to read.
So, it’s my opinion that both the mobile theme and flexible-width theme approach to optimizing websites for mobile devices are obsolete.
Hi there. I’m sorry the links provided weren’t relevant. I don’t have a mobile.
Twenty Eleven is not just a flexible-width theme—it was developed with a responsive design layout and should adapt to a mobile view automatically. You should still be able to see a custom background color as well as widgets (although at the bottom instead of the side).
There is an explosion of conversation about responsive design lately. In my opinion, there are good arguments on both sides of either using responsive design or a dedicated mobile theme, and each option is good for a different set of readers. From what I can see right now, the trend seems to be moving toward responsive design.
@designsimply: Thanks a lot for your comments on this topic. I find it fascinating, and appreciate the info on the difference between flexible-width and responsive design, a distinction that I wasn’t aware of, since I’m not a web designer.
Quickly, concerning my Twenty-Eleven experience, most of the changes made by the responsive design functionality were tolerable, even having the sidebar drop to the bottom, but in my case the search bar becoming superimposed over the header image, like I said, was a deal breaker, since my custom header had my blog title in it. The background color was only barely visible on the iPhone, hardly enough to count as visible, imo.
Still, I’m curious what you think of my comment above, questioning the need for mobile optimization in the first place, given that touchscreen UIs are making it easier and easier to zoom in and read content in even very busy layouts.
I can kinda see the value from a desktop and laptop, non-touchscreen perspective, but that’s about it.
I personally like the mobile themes since when I view a lot of pages on my iPhone it is difficult in many cases with responsive designs to tell what I’m looking at since everything is so small. Having the simplified, and faster loading presentation specifically designed for mobile devices is great in my opinion. I also like that they eat far less of my precious bandwidth.
Here is Hawaii I expect we won’t see 4G till sometime after the start of the 22nd century and the “3G” that is here is really more like 1.5G. Well, 1.5G during lower use hours, about 0.,5G during peak usage times. And I’m not about to run out and spend another boat load of $$$ on a new iPhone just to get 4G (not to mention the increased cost on the data plan). I’ll use my iP4 till it takes its last breath.
@drawingboard This is a very relevant topic. To cut a long story short, responsive web design is a relatively recent practice that means to add to the design the capacity to adapt itself to the screen size in which it’s rendered. This is so that you are viewing the same recognizable design regardless of device.
That being said, the different moments for a design are just decisions, and perhaps you stumbled upon areas that could be improved. We would love to see a screenshot of what you find unpleasant so that we can ascertain whether it’s intended or a visual annoyance that needs fixing.
@matiasventura: Back in June I actually did send a screenshot to a Happiness Engineer named Andrew, and he wrote:
Thanks for the screenshots. Looking at your site on my iPhone now it looks like the width issue has been sorted. The width loads properly now. The search bar covering part of your custom header image is unfortunate because of where the text in your header appears. You could adjust the position of that for your site with a custom CSS upgrade.
I was rather unhappy about this, since I really don’t want to pay for the upgrade, however reasonably priced it is. What bothered me was that the interface gives you the choice between the mobile theme and the “full site”, but with the responsive design you actually can’t really choose a true “full site”. (As I’ve said, my preference is to be able to view the whole site counting on readers using touchscreen gestures to isolate what they want to view, which allows for the full visual identity of my blog to stay intact.)
Interestingly, I just threw together a rough facsimile of my blog on my test blog, and it’s changed since June. Now, my custom header doesn’t show up at all. This, of course, resolves the problem of the search bar becoming superimposed over the header, which covered up the title of my blog. And, because I checked the box to hide the title text in Dashboard->Appearance->Header, without my custom header, which contained the title of my blog, there is no title at all unless I switch the setting to show the title text.
Finally, contrary to what @designsimply says above, the responsive design does eliminate the custom background almost entirely. All you can see is the black background to the main menu, the white background to the post column, and a tiny bit of the custom background color at the very bottom of the page.
I’d be happy to send a screenshot if you tell me where to send it to, or you can visit my test blog using an iPhone right now at: fandbtest.wordpress.com.
Again, thanks for engaging with me in this discussion. While I’m not a web designer, as I’ve mentioned, I am an enthusiast and appreciate your willingness to explore the topic.
drawingboard Really thanks you for appreciating
The topic ‘Discussion of mobile theme issues’ is closed to new replies.