Six years ago, experts in digital media were predicting that mobile platforms would overtake the desktop and laptop as the primary means of accessing internet content. Though some doubted the predictions, they turned out to be true. According to ComScore, Mobile internet access has risen more than 155% since 2010. At the same time, mobile phone penetration is up 394% while tablet use has climbed more than 1,700%. What does this mean to you as a WordPress user? It means that you have to have a website that is mobile friendly if you want to compete.
Designing a responsive site capable of working on any platform is more practical and better for end-users than creating a separate mobile site. Going responsive creates a more cohesive experience regardless of the device consumers use to access the internet. As a WordPress user, there are three simple things you can do to make your site more responsive and, as a result, more mobile friendly:
1. Create Responsive Menus
Next to graphics, menus can be the most annoying aspect of navigating a site using a smartphone or tablet. Do not let that be the case with your website. Generate responsive menus that show up on mobile devices but are hidden on the desktop or laptop.
There is a long and drawn out procedure for doing this via hard-coding your configuration files. Rather than do that, there are a number of excellent plugins for you to choose from. All of the plugins listed below are very effective at generating responsive menus automatically:
- JQuery Responsive Menu
- Bootstrap Main Menu Responsive
- My Bootstrap Menu
- Responsive Menu
2. Create Graphics of Different Sizes
Beginning with WordPress 4, developers added automatic responsiveness for uploaded images. Whenever you add an image to your library, WordPress now stores multiple sizes of that image and then displays the smallest one possible (without harming image quality) on a mobile platform.
You can help the cause by creating original images in multiple sizes before uploading the primary image to your site. By doing this, you will be able to see what your images will look like in smaller sizes. If you lose too much detail, for example, you will know to adjust the full-size image to make it look better in a smaller size.
3. Break Up Text-Based Content
Lastly, it is important to break up text-based content in order to make it easier to read. You do that by using subheadings and bulleted lists. Breaking up content will create a longer mobile page to be scrolled through, but it will make your readers happier because they will be able to follow along more easily. By contrast, you will chase readers away if you present them with large blocks of text that take up the entire mobile screen.
Make sure your WordPress site is optimized to be responsive. Otherwise, you could be losing customers and followers who prefer to access the internet with a mobile device.