Build Your Own Business Website header image

Customizing Genesis

Troubleshooting and Solving Responsiveness Issues in Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we troubleshoot and solve responsiveness issues in Thesis 2.1 for an image that has absolute height. We use custom CSS for the image container widget and remove the bottom margin to get rid of the height because it’s set automatically and is too tall for the space. We show how to specify

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

Part 7 – Force a Layout on a Custom Template in Genesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

There are a couple of other things that I want to do with this custom template with custom sidebar that we just created in Genesis. This works just fine. In fact, instead of this body class let's add the 'projects' body class to that filter. The next thing I want to do is to force

Part 6 – Create a Custom Template with a Custom Sidebar in Genesis

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

The next thing we’re going to do in this Custom Templates for the Genesis theme lesson is create a custom template that has an entirely different sidebar. It's got the typical Genesis header and typical setup except that this sidebar goes way and a different sidebar is there. I know that there are plugins that

Part 5 – Create a Custom Template with a Widgetized Header in Genesis

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do in this Customize Genesis using Custom Templates tutorial is instead of hardcoding this header with an image, we're going to widgetize it. Then people can put whatever image or whatever else they may want. The way we're going to do that is to remove this add_action for the

Part 4 – Add a Custom Body Class to a Template

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

There's one other thing that I want to do and that is I want to be able to target this custom Genesis template specifically and perhaps templates like it specifically with a body class to create CSS that's unique to this template. Let’s go back to the site and look at the body class that's

Part 3 – Replace Hard Coded URLs with WordPress Constants

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

We just created a custom template with a custom header for the Genesis Theme but the code we used is, well, crappy. And that’s because it is absolutely hard coded which means it's not portable so we’re going to make some changes to it now. What we want to do is use some WordPress constants

Part 2 – Create a Custom Template with a Custom Header in Genesis

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve gone over the fundamentals of setting up a Genesis Theme custom template, we're going to take this custom template and create our own custom header for it. Right now, we’ve got the standard header with the logo on one side and the widget area on the other. What we're going to do

Part 1 – Fundamental Elements of Genesis Custom Templates

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Good evening everybody and welcome to lesson 5 of Customize Genesis Like a Pro. Tonight we will be talking about using custom templates in a Genesis child theme. One thing worth noting is that the template system in WordPress is kind of complex. Different kinds of templates do different things and what we're going to