Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
WordPress Mobile Web Development: Beginner's Guide

You're reading from   WordPress Mobile Web Development: Beginner's Guide Make your WordPress website mobile-friendly and get to grips with the two hottest trends in web design—Mobile and WordPress with this book and ebook.

Arrow left icon
Product type Paperback
Published in Aug 2012
Publisher Packt
ISBN-13 9781849515726
Length 332 pages
Edition 1st Edition
Languages
Concepts
Arrow right icon
Author (1):
Arrow left icon
RACHEL MCCOLLIN RACHEL MCCOLLIN
Author Profile Icon RACHEL MCCOLLIN
RACHEL MCCOLLIN
Arrow right icon
View More author details
Toc

Table of Contents (18) Chapters Close

WordPress Mobile Web Development Beginner's Guide
Credits
About the Author
About the Reviewers
Acknowledgement
1. www.PacktPub.com
2. Preface
1. Using Plugins to Make Your Site Mobile-friendly 2. Using Responsive Themes FREE CHAPTER 3. Setting up Media Queries 4. Adjusting the Layout 5. Working with Text and Navigation 6. Optimizing Images and Video 7. Sending Different Content to Different Devices 8. Creating a Web App Interface 9. Adding Web App Functionality 10. Testing and Updating your Mobile Site Pop quiz—Answers

Time for action—identifying how your site should work on mobiles


If you're planning on making your own mobile-friendly site, grab a paper and pen, and make a note of your answers to the following questions:

  1. 1. Which mobile devices are you targeting? The main thing to think about is whether you're just interested in smartphones, or whether visitors to your site will be using lower-specification devices without full web browsers (for example, feature phones, which are more widely used than you may think).

  2. 2. Does your site have images or a logo that you want to display on mobiles?

  3. 3. Are there any widget areas on your site that you need to display on mobiles? Even if you've used widgets, you may not always need to display them to mobile visitors.

  4. 4. How much control do you want over the way your site looks on mobiles? Some plugins come with alternative themes or styling options, letting you pick colors and styles to some extent.

  5. 5. How will people be accessing your site? There's a good chance that they'll be using 3G or another slower method of data transfer. Speed and file sizes are, therefore, important to save losing visitors or alienating them because you're using up their data allowance.

When we come to looking at some individual plugins, we will identify how each of them addresses the questions you've just answered.

What just happened?

You now have some criteria you can use while choosing the best plugin for your site.

In the case of the Carborelli's site, our criteria are as follows:

  1. 1. The site will be targeting smartphones; in particular, iPhones, Android devices, and Blackberries. Access from other phones is not essential.

  2. 2. The logo isn't crucial on mobile devices—it's more important for people to be able to get the content. However, there are images and an embedded map showing Carborelli's location, which are important.

  3. 3. The site uses a widget area for the sidebar, making it easier for the client to update information in the future. So yes, it's important that widget areas are displayed.

  4. 4. Fine control over the styles isn't essential as long as the default style provided by the plugin is smart and images are displayed, as they will provide a lot of visual cues.

  5. 5. Most users will be from the USA and using 3G. Speed and file size are important to reduce data transfer, so we'll be looking for a plugin that doesn't make too many server requests and downloads smaller versions of images.

    The Carborelli's site, when tested using Google speed test (https://developers.google.com/pagespeed/) scores a fairly respectable 75 out of 100. Ideally, a mobile plugin should speed the site up, so give a higher score.

We will come back to these criteria shortly while looking at some plugins.

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image