Packt+ | Advance your knowledge in tech

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.

Product type Paperback

Published in Aug 2012

Publisher Packt

ISBN-13 9781849515726

Length 332 pages

Edition 1st Edition

Languages

PHP

Tools

WordPress

Concepts

CMS

Author (1):

RACHEL MCCOLLIN

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

To configure the WordPress Mobile Pack plugin as a theme switcher, perform the following steps:

1. Download WordPress Mobile Pack from http://wordpress.org/extend/plugins/wordpress-mobile-pack/ if you haven’t already, and activate it.
2. On the Mobile Switcher screen, select the responsive theme from the Mobile theme drop-down list. Here, we will select Ari, as shown in the following screenshot. Click on Save Changes.
3. Now, let’s see how the site looks, firstly on a desktop and then on a mobile. Note that the site will look the same on tablets as it does on the desktop, as the theme switcher is only activated for mobile devices. The following screenshot shows how the site looks on the desktop:
The look of the site on the mobile is shown in the following screenshot:

Using a theme switcher plugin (WordPress Mobile Pack), we configured our site so that people visiting it on desktop PCs will see...