In Part 2e, you will finalize the Entry Content Sass module, which includes the entry title, entry header, entry meta, entry content, and entry footer. You’ll think through all the components and then break up the partials to fit those components. You’ll migrate the media queries, refactor, identify and assign variables, and then refactor to remove redundancies and make it more readable. Then at the end, let’s setup the README and gitignore files and then commit the changes using git.
Prerequisites
This hands-on lab is Part 2d of a multi-part “Let’s Build a Custom Developer’s Genesis Starter Child Theme” series. Before you do this lab, make sure that you have completed:
- Part 1 – Introduction to Modularity
- Part 2a – Modular CSS Using Sass
- Part 2b – Navigation Sass Module
- Part 2c – Header Sass Module
- Part 2d – Footer Sass Module
To learn more about this series and each of the parts, see the main lab found here. It also includes all of the prerequisites that you will need to build this theme.
Who needs copy/paste? Right. Writing code from scratch is fun!
Episodes
Total Lab Runtime: 00:48:48
- 1 Lab Introductionfree 01:32
- 2 Rethinking the Module Architecturepro 21:17
- 3 Entry Title Stylespro 06:17
- 4 Refactorpro 09:39
- 5 Git Commitpro 10:03