Synopses & Reviews
With the ever-increasing need to view websites on mobile devices, websites have to be adaptable to thousands of different screen resolutions. In Responsive Design with WordPress, expert web developer Joe Casabona teaches you how to leverage WordPress to get the most out of responsive design, implement best practices, automate important processes, and make your life easier overall. You’ll start with a refresher on the core functionality of WordPress, then dive into developing responsive themes and plugins. Find out what to consider at the outset of the design process to save hours of work during redesigns. Learn up-to-date best practices for determining breakpoints, accessibility, and preventing website bloat for better user experience no matter the user’s connection speed. Finally, you’ll apply the principles you learn to specific tutorials, such as building a photo gallery, map page, and products page.
• Learn when to rely on themes and when it’s best to use plugins.
• Apply your responsive CSS to a WordPress theme.
• Learn various navigation techniques, such as Jump to with
• smooth scrolling or Select box.
• Use popular responsive techniques, like picturefill.js, to make images respond to different screen resolutions and connection speeds.
• Explore frameworks, including Bootstrap and Foundation.
• Download dozens of code samples to help implement responsive design techniques, and test yourself with end-of-chapter quizzes.
Synopsis
This book shows readers Responsive Web Design principles, as well as how to develop responsively when using WordPress. Estimates show that WordPress powers almost 64% of the top one million websites using ContentManagement Systems, and over eight million sites total. With a greater push towards mobile and the emergence of Responsive Web Design (RWD), more and more WordPress developers are looking to create responsive themes for their websites.
The book goes into detail, covering what default CSS classes WordPress uses and how to handle them when creating responsive designs. It shows how to implement the multiple images sizes WordPress uses with the JS library picturefill, and how to combine RESS with Javascript browser-width detection to get a more accurate screen width in order to call specific templates based on the device. This lightens bandwidth load for users which is especially helpful on WordPress sites.
Readers will learn to plan responsive layouts for common WordPress templates such as Archives, Search, Comments and more. In addition, it shows readers how to account for common web elements that show up frequently in WordPress: forms, Google maps, tagclouds, etc. And, it directs readers how to find responsive friendly plugins.
About the Author
Joe Casabona is a web developer, teacher, speaker, and writer currently working for the University of Scranton. He has been making websites since 2002 and using WordPress since 2004. He is also the author of Building WordPress Themes from Scratch.
Table of Contents
I. Introduction II. An Overview of Responsive Web Design III. Creating a Responsive WordPress Theme IV. Using Responsive WordPress Theme Frameworks