- Understanding WordPress Mobile Responsive Themes
- Making Your Self-Hosted WordPress Website Mobile-Ready
- Making Your Hosted WordPress.com Website Mobile-Ready
- Previewing Your Website’s Appearance on Mobile Devices
Previewing Your Website’s Appearance on Mobile Devices
The most obvious way to test the responsiveness of your website is to view it on a smartphone or tablet. If you prefer to test your site as you design it, here are two worthwhile tools you can use on your desktop computer:
- Firefox Responsive Design View—This feature, introduced in Firefox 15, enables you to preview an open web page in several different sizes. To activate this view, select Web Developer, Responsive Design View from the Firefox menu or press Ctrl+Shift+M.
- Viewport Resizer—If you don’t use Firefox, this bookmarklet offers another option for previewing your website. Just drag the bookmarklet to your bookmarks bar and click the Resizer button whenever you want to preview an open web page in another size, such as Mobile, Small Tablet, Tablet, Widescreen, or HDTV.
With these simple themes, plugins, and tools, you can make your website easy to navigate for all your website visitors—regardless of the device they use to access it.
Short Description: Patrice-Anne Rutledge shows you how to make your WordPress website mobile-ready—and easy to read on smartphones and tablets—with the latest WordPress responsive themes, mobile plugins, and preview tools.
Long Description: Want to ensure that visitors enjoy an optimal experience on your WordPress website, no matter what device they’re using? WordPress makes it easy to create a mobile-ready website that looks great on everything from a widescreen device to a smartphone. In this article, business technology author Patrice-Anne Rutledge offers an overview of WordPress responsive themes, suggests several theme options for both hosted and self-hosted WordPress users, covers the latest mobile plugins, and introduces you to several handy mobile preview tools.