This lab will save you at least one (1) hour per project, if not more. Why? Because now you know the naming convention, file structures, where to find stuff, and how Genesis layouts the web page itself. You’ll know where to go look and, when you need help, what to ask.
The remainder of this series do a deeper dive into the actual code and customizing the framework itself.
Help Us to Improve to Better Serve You
Got 2 minutes? Share your feedback about this lab by taking this anonymous survey. Don’t worry, it’s completely anonymous, as we want your unfiltered feedback.
This lab is Part 2 of the Developer's Guide to Customizing Genesis series. Before you can dig into the components, first you need to understand how Genesis handles the HTML markup attributes, switching between HTML5 and pre-HTML5, and structural wraps. In this lab, you will be customizing the HTML markup, attributes, and even organizing the Posts Page into a 2-column grid pattern.
Check out the Genesis Theming Framework for more hands-on labs, insights, Docx, and more.
Check out the series page for more labs: Developer’s Guide to Customizing Genesis
Who needs copy/paste? Right. Writing code from scratch is fun!
Total Lab Runtime: 02:47:43
- 1 Lab Introductionfree 10:07
- 2 The Why of the Genesis Frameworkfree 09:26
- 3 Web Page Sequencefree 07:33
- 4 Web Page Sequence - in the Codefree 14:54
- 5 The Intent of HTML and its Markupfree 08:45
- 6 The Intent of the Themefree 11:17
- 7 WordPress Event (Plugin API) Refresherfree 12:19
- 8 Visual Hook Guide and the HTML - Headerfree 10:10
- 9 Visual Hook Guide and the HTML - Contentfree 10:01
- 10 Visual Hook Guide and the HTML - Sidebarfree 09:22
- 11 Visual Hook Guide and the HTML - Footerfree 08:34
- 12 File Architecturefree 12:32
- 13 Codebase Architecturefree 10:03
- 14 Event Naming Conventionfree 08:50
- 15 Initialize & Setup Overviewfree 07:50
- 16 Initializing Genesisfree 06:09
- 17 Setting Up Genesisfree 08:15
- 18 Wrap it Upfree 01:36