Build Your Own Business Website header image

Child Themes

Part 11 – Create the Form for Multiple Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now we have to add the code the for rest of the boxes in this Genesis Child Theme Options form. But before we do that let’s add a description, p class='description'. This is a class that Genesis uses and then I want to say "Choose the taxonomy, term and number of posts to display for

Part 10 – Dynamically Populate the Theme Options Select Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The Genesis Child Theme Options Form is now customized so that the end user can select from a list of categories or tags. It's easy enough to enter tag or category here but what's perhaps harder is getting the term because somebody has to go over and figure out what the term id is for

Part 9 – Use a Select Box in the Theme Options Form

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve created the Genesis Theme Options Form and configured the Front Page Template to use those options but so far it's not very user-friendly from the end user standpoint. You and I may very well be able to enter the category and tag info in no problem but what would be better would be for

Part 8 – Configure the Front Page Template to Use the New Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve created the Genesis Child Theme Options form but unfortunately what this requires so far is the user to know that it's either a category or post tag and it requires them to know the id of the term that they want to display. But let's set this one up as if a person knows

Part 7 – Create the Theme Options Form

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

So far in creating the Genesis Child Theme Options we've defined our options, given them defaults, set up our sanitization for each of those options and we've created a metabox to display those options. Now we have to create the form to do that. Before I show you the full blown form I'm going to

Part 6 – Create the Theme Options Metabox

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve added that action for sanitizing data using the Genesis no_html filter. So the next thing we're going to do then is create a metabox. The hook that we're adding this function to is the 'genesis_theme_settings_metaboxes'. Again, that is an add_action and there's the hook name 'genesis_theme_settings_metaboxes' and then the name of our function and

Part 5 – Choose Genesis Options Sanitization Filters

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’ve set Genesis Child Theme Option defaults for taxonomy, the term and posts to show. We should now come down here and repeat this for box2 and box3. With that done, the next thing that we have to do is choose which sanitization filters that we want to use for these. Now, this is something

Part 4 – Create the Genesis Child Theme Options Defaults

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In the Anatomy of Genesis Child Theme Options video, I introduced the filter Genesis Theme Settings Defaults which holds all of the Genesis theme settings. So now in order for us to do anything with this, just like with any other filter, the filter passes the defaults as a variable. Then we say add_filter and

Part 3 – Anatomy of Genesis Child Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We just added hard coded headings to each of the 3 columns of category posts. In this case, this is a simple extension of Lesson 6, Using Secondary WordPress Loops in Genesis, where we put lists of posts in. And this is what you can accomplish if you hard code it. But rather than hard

Part 2 – Add the Magazine Style Loops to the Front Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now we’re going to begin working on customizing the front page template using Genesis child theme options. This actually starts off fairly easily with a custom loop that we created in Lesson 6. We created this custom loop that displayed portfolio items and this is secondary loops. So the query args in this case were

Part 1 – How to Use Child Theme Options to Control the Display of the Front Page

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Good evening everybody and welcome to Lesson 7 of Customizing Genesis Like a Pro. Tonight we are going to be talking about creating custom child theme options in the Genesis theme. Most of you are here because you saw the two seminar series advertised called Advanced Custom Templates. There we worked on creating a magazine

Lesson 7 – Creating Custom Child Theme Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this Customizing the Genesis Theme lesson we demonstrate how to create custom child theme options that allow the user to customize the output of the page. In this case, we are specifically customizing the Front Page. Here you'll learn all about setting up custom child theme settings. Create theme settings that will control which

Introduction to Creating Child Themes for Genesis 2.0 – Part 11 – Implementing genesis_markup and genesis_structural_wraps

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

There's something that I've not talked about yet in this Introduction to Creating Child Themes for Genesis 2 that is important and that is implement genesis_markup and genesis_structural_wraps. Now, genesis_markup and genesis_structural_wraps are functions that are designed to preserve both forward compatibility so it allows your child theme to adapt as Genesis changes so it

Introduction to Creating Child Themes for Genesis 2.0 – Part 10 – Add Attention Boxes to the Front Page Template

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing I want to do is add the attention boxes to the front page template and again, this is a function of registering sidebars and then hooking them into place very similar to what we've just done except now we have some additional responsiveness that we have to account for. Let’s come back

Introduction to Creating Child Themes for Genesis 2.0 – Part 9 – Widgetize the Feature Box

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve added the feature box area in our custom front page template, we are going to widgetize it. We need to start off by understanding that WordPress again has this sort of mixture of terminology. WordPress uses this terminology sidebar and widget often interchangeably which is kind of irritating. So Genesis sometimes substitute

Introduction to Creating Child Themes for Genesis 2.0 – Part 8 – Add a Feature Box to the Front Page Template

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The next thing we want to do is add a feature box to the front page template we’ve created. Genesis uses 3 primary methods for manipulating the Genesis functionality. It uses templates as we're doing right now, it uses filters as you've just seen and it uses hooks. Now, a hook is a place in

Introduction to Creating Child Themes for Genesis 2.0 – Part 7 – Add the Custom Body Class to the Front Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We’ve got our new custom front page template started and now we’re going to add a custom body class to it. Now, you may ask well, what's a body class? A body class is essentially a class that has been added to the body of the page. You can see here that we have home

Introduction to Creating Child Themes for Genesis 2.0 – Part 6 – Create a Custom Front Page Template

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that you understand how Genesis uses templates, what we're going to do is create a totally customized front page template. We're going to start that by simply coming over to our byob-training and creating a new PHP file. We're going to call it front-page. That is the WordPress naming convention for the front page

Introduction to Creating Child Themes for Genesis 2.0 – Part 5 – Understanding WordPress Templates in Genesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now that we've added support for the footer widgets, we're going to start talking about templates because right now, this child theme we’re creating has all the built-in Genesis 2 functionality. Let's edit the page, for example. We could come along to our home page here and let’s say that I want this one to

Introduction to Creating Child Themes for Genesis 2.0 – Part 4 – Add Some Widgets to the Footer

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We’ve now added Genesis functionality to the child theme and the next thing I want to do is use one of the most frequently used Genesis tools and that is their footer widgets. Right now we don't have any footer widgets and Genesis has this function. Let’s go back over to our example functions file