Learn how to customize your WordPress site with child themes.
Overview
Syllabus
Introduction
- Level up to WordPress developer
- What you need to know
- Using the exercise files
- Set up a local development environment
- Set up a code editor
- Use real content
- What is a child theme?
- Picking a parent theme
- Creating and activating a child theme
- Including stylesheets
- Best practices for including stylesheets
- Employing the laziness principle
- Designing in the browser
- Modify existing styles
- Add new styles
- Challenge: Add flair
- Solution: Add flair
- Understanding functions.php
- Finding functions in the parent theme
- Modify a pluggable function
- Hooks, filters, and action
- Filter a function
- Hooking functions
- Challenge: Change posted by
- Solution: Change posted by
- Template hierarchy in WordPress
- Changing an existing template
- Add new template files
- Managing backward compatibility
- Challenge: Custom 404 page
- Solution: Custom 404 page
- Finding existing functionality
- Add a menu
- Change menu output with properties
- Style new menu with CSS
- Challenge: Conditional widgetized area
- Solution: Conditional widgetized area
- Shiny new web fonts
- Adding a screenshot
- Migrating files to your live site
- Next steps
Taught by
Patrick Rauland