WordPress Responsive Theme Design

Develop and customize your very own responsive WordPress themes quickly and efficiently

WordPress Responsive Theme Design

This ebook is included in a Mapt subscription
Dejan Markovic

1 customer reviews
Develop and customize your very own responsive WordPress themes quickly and efficiently
$0.00
$23.80
$34.99
$29.99p/m after trial
RRP $27.99
RRP $34.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781785288456
Paperback228 pages

Book Description

WordPress is a free and open source blogging tool, which runs on a web hosting service. It is used to implement responsive themes, to make WordPress sites optimized for mobile devices.

This book will teach you how to design and develop your very own responsive WordPress theme and also submit your theme to the WordPress.org repository. The book starts with an introduction to the Responsive Web Design concepts and techniques. Then, it explains how to set up a local WordPress environment and also helps you understand the structure of the WordPress theme. Finally, we learn to create responsive comments in WordPress and also have a look at static pages and index templates. By the end of this book, you will have a better understanding of responsive theme development in WordPress and a WordPress Codex.

Table of Contents

Chapter 1: Responsive Web Design with WordPress
The concepts of RWD
Techniques in RWD
Setting up the WordPress environment
Summary
Chapter 2: Understanding the WordPress Theme Structure
Setting WordPress permalinks
Summary
Chapter 3: Getting Started with Responsive Layout
Choosing the right tool for our project
Adding media queries
Summary
Chapter 4: Learn How to Create the Header and Navigation
Making our layout centered
Dealing with the header
How to create a menu and make it responsive and accessible
How to make our menu accessible
How to make our menu responsive
Summary
Chapter 5: Customizing Single Post Templates
Analyzing single post templates
Analyzing the content-single.php file
Tags
Summary
Chapter 6: Responsive Widgets, Footer, and Comments
Widgets
Working with comments
Summary
Chapter 7: Working with Images and Videos
Featured images
Setting up a featured image
Resizing featured images
Image captions
Image galleries
Making the gallery responsive
Working with videos
Summary
Chapter 8: Working with Template Files
The WordPress template hierarchy
Excerpts
Featured images
Customizing the paging navigation
Styling sticky posts
Modifying archive.php
Modifying 404.php
Modifying search.php
Summary
Chapter 9: Working with Static Pages and Adding the Extra Functionality with Plugins
Home page
The home page template
Styles for the home template
Slider plugin
The Services section (list of services)
Making our home page responsive
The Contact Us page
Summary
Chapter 10: Submitting Your Theme to WordPress.org
Polishing code before submission
Applying the editor styles
Validating the HTML and CSS code
Validating the JavaScript code
Validating the PHP code
Debugging the setup
Multiple wp-config.php sets
Running a theme check plugin
Summary

What You Will Learn

  • Set up a proper local environment for the theme development on both Windows and Mac, while following the WordPress Codex
  • Create the WordPress menu and make it responsive
  • Customize post templates to match the theme design and functionality of the theme
  • Understand the overall template architecture and the purpose of the template files
  • Create, style, and make the widgets responsive
  • Work with comments, images, and index templates
  • Create, style, and customize templates for static pages
  • Discover where to find guidelines, how to test the theme, and how to properly submit the theme to WordPress.org
  • Learn more about WordPress template hierarchy and archive pages

Authors

Table of Contents

Chapter 1: Responsive Web Design with WordPress
The concepts of RWD
Techniques in RWD
Setting up the WordPress environment
Summary
Chapter 2: Understanding the WordPress Theme Structure
Setting WordPress permalinks
Summary
Chapter 3: Getting Started with Responsive Layout
Choosing the right tool for our project
Adding media queries
Summary
Chapter 4: Learn How to Create the Header and Navigation
Making our layout centered
Dealing with the header
How to create a menu and make it responsive and accessible
How to make our menu accessible
How to make our menu responsive
Summary
Chapter 5: Customizing Single Post Templates
Analyzing single post templates
Analyzing the content-single.php file
Tags
Summary
Chapter 6: Responsive Widgets, Footer, and Comments
Widgets
Working with comments
Summary
Chapter 7: Working with Images and Videos
Featured images
Setting up a featured image
Resizing featured images
Image captions
Image galleries
Making the gallery responsive
Working with videos
Summary
Chapter 8: Working with Template Files
The WordPress template hierarchy
Excerpts
Featured images
Customizing the paging navigation
Styling sticky posts
Modifying archive.php
Modifying 404.php
Modifying search.php
Summary
Chapter 9: Working with Static Pages and Adding the Extra Functionality with Plugins
Home page
The home page template
Styles for the home template
Slider plugin
The Services section (list of services)
Making our home page responsive
The Contact Us page
Summary
Chapter 10: Submitting Your Theme to WordPress.org
Polishing code before submission
Applying the editor styles
Validating the HTML and CSS code
Validating the JavaScript code
Validating the PHP code
Debugging the setup
Multiple wp-config.php sets
Running a theme check plugin
Summary

Book Details

ISBN 139781785288456
Paperback228 pages
Read More
From 1 reviews

Read More Reviews