According to statistics, in 2018 as much as 58% of all website visits were made using mobile devices. We will combine this statistic with the information that 1/3 of all websites are based on WordPress. Responsive Mobile Design is therefore an element that cannot be neglected when creating pages on this CMS. The good news is that WordPress is very mobile-friendly by default.
Below we share tips on how to create responsive websites on WordPress. Our advice is also addressed to those users who can work with the code of the website.
Mobile friendly WordPress themes
The themes currently being created are theoretically always adapted to display devices with different resolutions. Theoretically, because as in any situation when it comes to quality, some are more and others less compliant with RWD rules. It is worth using themes that are highly rated by users – of course, before choosing, you should check what the demo version of the site looks on different mobile devices.
In a situation where our site was created before the RWD era and now we would like to adapt it to current standards, please use plugins. The most popular is WP Touch. Thanks to it we will create a mobile version of our website. However, it should be noted that a better solution than using the plugin is to encode the page from the beginning in accordance with the RWD rules.
The theme itself doesn’t make WordPress mobile friendly. In addition to it, most often pages use many plugins that are responsible for displaying various elements of the page such as sliders, contact forms, or navigation menus. By default, CSS code prepared by the author of the plugin, which does not have to be of high quality, is responsible for their appearance. In this situation, the elements generated by the plugin may display incorrectly, and if we can’t improve their appearance ourselves, a problem arises … We must ask someone for help.
Photos are an important element of any website. And since they are important, they should be treated appropriately. And it’s best before we send them to the server. I’m talking about optimizing images. Below are some basic rules to follow when preparing photos for the site:
- images should be saved in .jpg instead of .png format – then they take up less space on the server;
- Before we send photos to our site, we should adjust their size using a graphics program – GIMP or Photoshop;
- Each photo should be subjected to lossless compression – it’s best to use WP Smush plugin for this. Photographs will weigh less while maintaining their original quality;
These are the basic steps that must be completed before adding photos to the site.
Avoiding annoying pop-up windows
Everyone using internet on their smartphone knows that feeling well when, annoying advertisement covers the entire screen, they cannot use the site. The problem with this type of situation often is that the disable button is so small that you can’t hit it with your finger. Often anger interchanges a further desire to browse the site, which in our opinion is certainly not mobile-friendly.
Google AMP instead RWD?
Thinking about our site in the context of the mobile version, you can use the increasingly popular technology called Google AMP. It excludes the use of RWD, but who knows, maybe it will soon replace the RWD approach from the market, so it’s worth getting acquainted with it.
Its key assumption is to increase the speed of loading pages on mobile devices. There isn’t however still much information about it, which is why full implementation isn’t easy. However, who knows, maybe Google will treat the use of technology as one of the ranking criteria in a while? As for WordPress, you can download the plugin that adapts the page to Google AMP.
Checking if our WordPress is mobile friendly
Once we take care of all the elements that make our WordPress more mobile-friendly, let’s check the effects of our work. Let’s use it for it the test offered by Google. This test can also be useful at the stage of choosing a theme. Then we can paste the URL into the demo version of the theme and check how Google evaluates its mobile friendliness.
As it was mentioned at the very beginning – immediately after installation, modern WordPress themes are mobile-friendly. Of course, at the stage of building the page, it is necessary to conduct thorough tests on various devices – including smartphones and tablets so as to be sure that the page looks at least decent on all of them.
Author: Daniel Gogolewski
Totalnie zajebisty szef szefów od ogarniania wszystkiego co do ogarnięcia i takie inne innowacyjne inności super inne takie kozak super zajebistee.