Responsive WordPress designs

by Adam McLane on September 16, 2012 · 7 comments

As I’m working with clients, particularly those new to WordPress, I’m constantly introducing them to the concept of having a mobile motive in their design. Statistically, most of the sites we build are being view anywhere from 30% – 70% by a small screen. Whether that’s a phone or a tablet the reality is that people are using their mobile devises in their day-to-day browsing. In many of my clients’ sites I’m seeing Safari as the #1 or #2 browser and the reason for that is the iPhone and iPad. 

What’s a responsive designed theme?

In short, it’s a theme that automatically adjusts the theme based on the size of the screen that is viewing it. Every time a site loads on a device there is an exchange of information… and one of those things that your device asks a server is, “How big is that screen, big papa?” In responsive design, when your device tells the server… “I’m 500 pixels wide, master” than the theme has a plan for that… it adjusts the design to fix that 500 pixels.

Is it expensive?

Actually, no. Even WordPress’s new default theme for 2012 called… Twenty Twelve… is designed responsively. So really, you have no excuse. Most of the starter themes we are using today for our clients are responsively designed.

Should I convert or should I stay?

Yes, you should convert. The “old way” to handle small screens was to install on of the many mobile plugins. But now that responsive design is taking over and is so cheap, you should really think about moving to a responsive theme.

Want to get started? Contact us or start a forum thread and I’ll be happy to give you some advice.

  • Stacey

    Very interesting! I hadn’t thought of this before. Since I’m actually using a device for the first time today it’s now apparent to me this is an issue to consider. Thanks!

  • Aaron Giesler

    I didn’t realize my server loved it when it was called big papa… very urban.

  • http://adammclane.com Adam McLane

    It’s totally true. That’s how the script goes.

  • http://adammclane.com Adam McLane

    Stacey – yes, it’s true. This site uses responsive… so if you are using a mobile device you can see how it works. (note to self: still haven’t adjusted the responsive header, doh!)

  • Jay Phillippi

    OK so how do I tell if my theme is responsive? Is that info listed somewhere?

  • Jay Phillippi

    And finding the answer took just seconds. Amazing what you can find when you actually go looking for it. LOL

  • http://adammclane.com Adam McLane

    Yup, of course you could just look at your site on a tablet/phone. If it doesn’t look intentionally designed, the answer is likely no. Also, some themes as early as 2010 started doing some level of responsiveness… but the newer ones are much more sophisticated.

    One last trick is just to use your computer to do it by making the window less wide, once you get it below 600 pixels a lot of responsive sites themes will magically swap. It’s not really magic, just CSS.

Previous post:

Next post: