Configuring Structural Wraps - Know the Code

Unlock your potential with a Pro Membership

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

Login to your account

Skip to episode playlist

Now you know how Genesis renders out the structural wrap, but how do you configure it up in your child theme? Let’s explore how you add_theme_support. You’ll add and remove structural wraps from various HTML contextual sections to gain a hands-on knowledge of how to configure it in your projects.

Let’s reverse engineer the function genesis_structural_wrap.

For example:

	add_theme_support( 'genesis-structural-wraps', array(
	'header',
	'nav',
	'subnav',
	'footer-widgets',
	'footer',
	) );

view raw structural-wrap.php hosted with ❤ by GitHub

Hey... hey you... yes you!... Having a good time? Learning new things? Good!

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

Back to the lab's opening page.