Test & Wrap it Up

Unlock your potential with a Pro Membership

Here is where you propel your career forward. Come join us today. Learn more.

First, you and I will finish the migration of the Customizer CSS file, as I failed to finish it in the video. Then we’ll activate and test your new modular WordPress Genesis developer’s starter theme.

Congratulations! You just migrated over all the PHP files from the starter theme and loaded it into your new modular architecture. WooHoo! Way to go!

I just migrated the #GenesisWP Sample theme into a Modular Developer's theme. Share on X

You Rock!

Excellent job! You should be very proud of yourself! You learned a lot of new concepts of modularity, clean code, refactoring, namespacing, and how to migrate the functions.php trashcan over into a modular architecture. I’m very proud of you! Way to Go!

18 Episodes
02:16:49 Runtime

Part 2 - Modular CSS Using Sass - Developer’s Genesis Starter Child Theme

Part 2a – Modular CSS Using Sass – Developer’s Genesis Starter Child Theme

Stylesheets by their very nature do not comply with clean, quality principles as everything is one gigantic file that is filled with redundancies. It's inefficient and error-prone to work with a stylesheet. But just like what you learned in Part 1, the stylesheets can be broken up into modules and partials using Sass. In this lab, you will take your first steps to working with Sass by splitting up the Genesis starter theme's stylesheet and converting it to Sass.

Learn more

Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.

Check out the series page for more labs: Let’s Build a Custom Developer’s Genesis Starter Child Theme

Back to the lab's opening page.

Once upon a time, there was a developer... You! This is going to be a good story...