Responsive WordPress Design

What is Responsive WordPress Design 

Responsive web design (often abbreviated to RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones) (Wikipedia.com)

Responsive WordPress Design uses CSS media queries to trigger different layout sets at various screen sizes. No longer will you need to zoom and scroll around when browsing on your mobile phone. No longer will you need to use the WPTouch plugin to make a “Mobile Version” of your website. 

 I recently redesigned this website using Responsive design.  As you can see below this is the same website as it appears on a Wide screen laptop, an iPad, and an iPhone:

Jason Fox Responsive WordPress Design

www.JasonFox.me

 

Why Should You Re Design?

More and more traffic is coming from mobile devices and you need to have a web presence that can capitalize on that.

According to Cisco’s Visual Networking Index: Global Mobile Data Traffic Forecast Update, 2012–2017

The Mobile Network in 2012

Global mobile data traffic grew 70 percent in 2012. Global mobile data traffic reached 885 petabytes per month at the end of 2012, up from 520 petabytes per month at the end of 2011.

When visitors come to your website via a smart phone, if you do not have a responsive design, the text will be microscopic, the menu items unclickable, your call to action lost, and the user will be forced to pan all over the site to find what they are looking for.

 

 You can test your site for Mobile Responsive here:  https://www.studiopress.com/responsive/

 

How Do You Get Responsive?

If you already have a wordpress website and no budget to redesign your current site you can try a plugin.  There are a host of Responsive “friendly” plugins that will re-size images, sliders, videos, menus, and even content.  However, all said and done it seems that way would be just as much work and you would not have a sound website.

You can have a coder add the CSS Media queries to your current site.  This will be a fairly large undertaking and not one you should take on if you are not well versed in CSS. 

There is a wide assortment of Responsive WordPress Themes that you can purchase.  Two of my favorite theme developers StudioPress and Elegant Themes both have them available.

 

PLEASE SHARE THIS POST WITH YOUR FRIENDS

By |2013-03-16T16:12:59+00:00February 19th, 2013|

About the Author:

Jason Fox - Real Estate Marketing Business: We build WordPress Real Estate Websites with IDX Me: #GoHawks, #BringBackTheSonics, #MaybeNextYearMariners, #ILoveMyKids #SeattleSunLover #SeattleWaterLover #BFF Blog: Focuses on Wordpress Websites, Content Management, SEO Services, SEM Campaigns, Social Media Marketing, Email Marketing, Beautiful Design, IDX, and more.

2 Comments

  1. Randy Parker February 19, 2013 at 10:22 pm - Reply

    Hello,
    Thank you for the article on responsive. It is amazing how it is a rage and yet possibly not the right solution. It sounds compelling until you look at the user experience. So many worry about “will it fit in the screen”? When they should be worrying about, “will my customer find what they want when they get to my mobile site? Because if not, I have lost a potential customer.” Google released research on mobile last year stated 51% of people will leave a website if it is not mobile friendly. (and another amazing percentage will not refer a business). Now we are digging a little deeper and know that users don’t just want a mobile website, they want a mobile website that gives them what they need and right away. I hope the responsive tsunami wave does not wipe out too many web folks that didn’t believe it would happen. http://www.pagepart.com Best, Randy Parker, CEO PagePart, (previous founder of Constant Contact)

    • Jason Fox February 21, 2013 at 10:11 pm - Reply

      Randy,

      Thank you for your feedback. You make a good point about not just making a site to make it mobile… rather give the user what they want. I thought that was the point of Responsive. To build the site for mobile and then build out to monitor.

      You are one of the few voices I have heard that has had a negative view of the newer web design style. Definitely something worth thinking about with the mobile explosion upon us.

We would love to hear from you...

Pin
Share
Tweet
+1
Share
0 Shares