0%

Book Description

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.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication
  4. Acknowledgments
  5. Contents
  6. Foreword
    1. By Jesse Friedman
  7. Introduction
    1. Who Is This Book for?
    2. Why Did I Write This Book?
    3. Coding Conventions
    4. Other Book Notes
  8. Chapter 1. What Is Responsive Web Design?
    1. Responsive Web Design Origins
    2. Breakpoints & Media Queries
    3. The Current State of Devices
    4. Consider Connection Speeds
    5. Wrapping Up
  9. Chapter 2. Creating a Basic WordPress Theme
    1. Meet Our Website
    2. Template Structure
    3. The Loop
    4. Custom Post Types
    5. Plugins and Shortcodes
    6. Wrapping Up
  10. Chapter 3. Making Your Theme Responsive: The Ground Floor
    1. Responsive Techniques
    2. Adding the Responsive Layout
    3. Testing WordPress’ Default CSS Classes
    4. Wrapping Up
  11. Chapter 4. Making Your Theme Responsive: Core Features
    1. Handling Navigation
    2. Handling Images
    3. Handling Widgets
    4. Wrapping Up
  12. Chapter 5. Making Your Theme Responsive: Blog Features
    1. Handling Comments
    2. Handling Archives
    3. Wrapping Up
  13. Chapter 6. Using Responsive Theme Frameworks
    1. Some Principles of Reuse to Keep in Mind
    2. About WordPress Frameworks
    3. Popular WordPress Frameworks
    4. Wrapping Up
  14. Chapter 7. Techniques and Tutorials
    1. Introduction
    2. How to Build a Responsive WordPress Photo Gallery
    3. How to Build a Responsive WordPress Map Page Using Google Maps
    4. How to Build a Responsive WordPress Image Slider
    5. How to Build a Responsive WordPress Contact Form
    6. How to Build a Responsive WordPress Products Page
    7. Wrapping Up
  15. Appendix: Resources
    1. A Few Words to Sum Up
    2. Books
    3. Meetups
    4. Links
  16. Index
18.191.157.186