It is essential that your website is Responsive. 80% of people get online using their mobile phones and mobile devices with various screen sizes. Odds are, you are reading this article on your phone right now. (How does our site look?)
So What are Responsive WordPress Websites?
Responsive web design is about giving your site a responsive layout: one that adjusts according to the screen width. This includes two elements:
- Using flexible widths for elements on the page: so instead of giving your site a width of 1200px, for example, you give it a width of 100%. This gives a bit of breathing room and ensures that your site will take up 100% of the width of the window whatever its size.
- Adjusting web site elements. Example: If your site has a sidebar on the right, a responsive site would move it below the main content on smaller screens, as otherwise it would be too narrow.
Responsive Theming and WordPress
A responsive theme is one which will (at the very least) incorporate the two aspects of Responsive web design I’ve described above: fluid widths and adjustable elements.
With the variety of devices constantly growing, any fixed-width layout will always break on some devices, which is why I strongly recommend using WordPress responsive themes rather than mobile themes (or plugins for mobile layout, which were once all the rage). This will also ensure your website is more likely to work on future devices.
It’s becoming less common now, but there are sites whose mobile version blocks mobile visitors from viewing and interacting with a lot of content on the site. Given that over half of web browsing is done via mobile now, you certainly don’t want this to happen on your site!
We specialize in Responsive WordPress Websites that look great on Mobile Phones.
Content That Works Across Devices
A site that works well across screen sizes and devices won’t just have a layout that works well on those devices: it will also make it easy for users to consume content no matter how they’re accessing the site.
There are various aspects to ensuring your content is mobile-friendly, including:
- Not hiding content from users on mobile devices.
- Ensuring content is easy to read on all screen sizes.
- Making it easy for people to find new and related content on all device types.
- Avoiding technologies for delivering content that don’t work on all devices.
It’s important that your users can easily navigate around your site whatever device they’re on. But if your navigation (whether that be a navigation menu or navigation elsewhere using links or buttons) if too large or cumbersome for small screens, it will prevent people from accessing your site and create a very bad impression.
You can’t afford not have a responsive mobile friendly WordPress site. Over 60% of website visits are now on mobile devices, and this is only going to grow.
If you do all of this, you’ll boost your Google rankings, the number of visitors to your site, and ultimately the frequency of return visits and social shares.
Hopefully this post has given you plenty of inspiration to get your own website to work as well as possible across all devices. We will make sure you’re website is responsive and that your content is easy to read and navigate across devices, your forms are optimized for small screens and your site isn’t being slowed down by unnecessarily large images.