Genesis Structural Wrap Overview
Lab: Markup & Wraps – Developer’s Guide to Customizing Genesis
Video Runtime: 07:42
Structural wraps give you further styling control over your content, as they add either an opening <div class="wrap"> or closing </div> HTML elements. But they have to be configured in your child theme for this additional HTML markup to be applied in your webpage.
In this video, you will see what the structural wraps do, what their intent is, and how it helps you to style your web page. Structural wraps provide a consistent and DRY approach to containing the maximum width of your content, to ensure it does not run up to the edges of the browser screen.
Whoever says that coding is hard, just smack them.
Episodes
Total Lab Runtime: 02:51:01
- 1 Lab Introductionfree 04:47
- 2 Genesis Markup - Overviewpro 06:55
- 3 Genesis Markup - genesis_parse_attrpro 14:12
- 4 Granular Customization with genesis_parse_attrpro 13:13
- 5 Genesis Markup - genesis_attr - Part 1pro 16:44
- 6 Genesis Markup - genesis_attr - Part 2pro 11:31
- 7 When should you use genesis_markup?pro 15:05
- 8 How does Genesis know to use HTML5?pro 04:35
- 9 Building the HTML5 with genesis_markuppro 08:15
- 10 Markup Helpers for Empty Class and Accessibilitypro 08:50
- 11 Practical Customization Example - Grid Classespro 11:12
- 12 Practical Customization Example - Figuring Out the First Column in a Rowpro 09:47
- 13 Genesis Structural Wrap Overviewfree 07:42
- 14 Genesis Structural Wrap Code Overviewpro 16:24
- 15 Swapping Old Contextspro 09:37
- 16 Refactoring the Swapping Old Contexts Codepro 06:00
- 17 Configuring Structural Wrapspro 04:54
- 18 Wrap it Upfree 01:18
