Designing Custom Sites Using Child Themes in WordPress and CSS
In this WordPress tutorial, we'll create a child theme for the WordPress website platform. Software required: WordPress, Firefox, CSS3, FTP, HTML5, Photoshop CS5.
What you'll learn
In this WordPress tutorial, we'll create a child theme for the WordPress website platform. We'll take an existing theme as a starting point and use Firefox Web Developer tools and its live preview to dissect and stylize our own version to create a custom site design. From this WordPress training you'll learn to interpret CSS code so that you can develop your own child themes. Software required: WordPress, Firefox, CSS3, FTP, HTML5, Photoshop CS5.
Table of contents
- Creating a WordPress Child Theme 8m
- Working with Firefox Web Developer 9m
- Working with the Twenty Twelve Theme for WordPress 9m
- Creating a Mockup of Our Page Layout 10m
- Customizing Content Areas, Colors and Background Images 7m
- Understanding the Site Dimensions and Overall Layout 9m
- Using Custom Web Fonts 10m
- Customizing the Top Navigation Bar 9m
- Customizing the Top Menu Toggle for Mobile 10m
- Adjusting the Major Content Areas 9m
- Styling the Widget Area 9m
- Posting the Child Theme 9m
- Revising the Live Site 12m
About the author
Jay Boucher is a freelance illustrator and interactive designer creating games and websites for young people. He strives to create work that is both entertaining and intuitive to use, a combination of visual fun and UI best practices. Jay spent much of the 2000s as Senior Designer for MTV.com, designing sites for shows like "Pimp My Ride" and "The Real World", as well as cable channels MTV2 and MTV Tr3s. He has worked with Hearst Digital, Condé Nast and Westwood One Radio Network and currently c... more