Build Your Own Business Website header image

Customizing Genesis

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

Introduction to Creating Child Themes for Genesis 2.0 – Part 3 – Initial Setup of the Child Theme Functions File

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we've got that basic bare bones child theme for Genesis 2 created, what we really want to do is add the initial setup of our functions file because right now our functions file is empty. I'm just going to add a little note to this that "This functions file is for the BYOB

Introduction to Creating Child Themes for Genesis 2.0 – Part 2 – Create a Bare Bones Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

You now know that there’s an entire system of functionality that is built-in to the Genesis 2 parent theme that can be accessed from a child theme. So, let’s get started by creating a child theme. If you are going to create your own child theme in Genesis you have to start with some kind

Introduction to Creating Child Themes for Genesis 2.0 – Part 1 – Introduction

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special seminar an Introduction to Creating Child Themes for Genesis. I recently taught a seminar where I was talking about the differences between Thesis and Genesis to help end users try to make a decision about which theme they should use for building their next website. And the

Introduction to Creating Child Themes for Genesis 2.0

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Genesis is designed to be used and customized with child themes. While the typical Genesis user may choose to modify an existing child theme this has the disadvantage of preventing them from upgrading that child theme in the future. Web design professionals and savvy DIY website builders are better off learning how to create their own child themes from scratch. In this seminar you will learn the basics of child theme development with Genesis 2.0.

Introduction to HTML for WordPress & Genesis 2 Users – Part 16 – Create a Button for a Link

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

There's one last thing in this Introduction to HTML for WordPress and Genesis 2 Users seminar that I want to do with these testimonial boxes and that is to style a link tag here. So far we’ve added structural HTML to them and structural CSS to style them. Now let’s add a link tag to

Introduction to HTML for WordPress & Genesis 2 Users – Part 15 – Using Structural CSS to Style Structural HTML Elements

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So we’ve created these testimonial boxes using structural HTML and we’ve discuss some issues that arose like clearing floats. But now we need to work on styling these testimonial boxes with CSS. I'm going to get rid of that blue text in the first place by deleting this .entry-content color:blue. Save that custom CSS. Then

Introduction to HTML for WordPress & Genesis 2 Users – Part 14 – Using Structural HTML in a Post or Page

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML in WordPress and Genesis 2 seminar, what we're going to take a look at is using structural HTML in a post or a page. Let’s come over here to the structural HTML page and let's edit this page. What we're going to do is insert some images into this,

Introduction to HTML for WordPress & Genesis 2 Users – Part 13 – Using the Genesis Body Class System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So far in this Introduction to HTML in WordPress and Genesis 2 seminar we’ve looked at CSS rules that would be applied across the site. We just worked with .entry-title and .content .entry-title a which are going to be applied everywhere that this is on the site. But Genesis and WordPress both have a body

Introduction to HTML for WordPress & Genesis 2 Users – Part 12 – Styling Lists in Genesis 2 Using CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

Now that you’ve got the basics of how to style text and fonts with CSS, the next thing we're going to do is work on styling lists in Genesis 2. We're going to go over to w3schools and then to Learn CSS. Scroll down and look for lists, styling lists and now we have some

Introduction to HTML for WordPress & Genesis 2 Users – Part 11 – How the Font Got its Color

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’ve begun the conversation about how to find the correct selector for your CSS rule and now we’re going to delve into that further while talking about how the font got its color. So this is a continuation of the video Styling Text with CSS in Genesis 2. We're going to start that off by

Introduction to HTML for WordPress & Genesis 2 Users – Part 10 – Styling Text with CSS Genesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’ve talked about styling text with inline styles and now it’s time to talk about styling text with CSS in WordPress and Genesis 2 as part of this Introduction to HTML for WordPress and Genesis 2 Users seminar. So really, any conversation like this begins with what is CSS? CSS is a language for defining

Introduction to HTML for WordPress & Genesis 2 Users – Part 9 – Styling Text with Inline Styles

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to using HTML in WordPress and Genesis 2 seminar, we're going to discuss styling text using inline styles. There are good ways and bad ways to use inline styles for customizing text. I demonstrated a bad way earlier with the span tag that had the color in it so now I