Build Your Own Business Website header image

All the Basics of Using Genesis 2 – Part 5 – Installing the Enterprise Pro Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

Now that we have Genesis 2 installed, the next thing we’re going to do is install the Enterprise Pro Child Theme. But we’re going to do that actually on a different site where Genesis is installed but not activated.

Activate Enterprise Pro

Let’s come over to the dashboard and to Appearance and Themes. As I said since we’re installing a child theme we’re not going to activate Genesis. We’re just going to go back to the themes page. Choose add new, upload theme, choose the file and this time we’re going to choose Enterprise Pro.

Now we’re going to activate it and go over to take a look at the site. And this is what the site looks like as it’s set up with Enterprise Pro right off the bat.

Genesis Theme Settings

We’ll begin changing things in Theme settings. Now in theme settings, we don’t have header section any longer, right? We used to have that header section that asked you what you want to show in the header but that doesn’t exist anymore.

Menu

We do need to set up the menu so let’s just come over here and do the menu again. Go to Appearance and Menus and we’re going to set the main menu to the primary navigation menu. Once we do that and come back over to our theme settings, now we can add something here in the Primary Navigation Extras.

I actually set up another child theme here recently and added this Twitter link with my Twitter ID and some link text. We’re going to turn off Enable Trackbacks and now we’re ready to save those settings, come back over and take a look at it. Now we have a menu bar that comes across here and this little “Follow Me on Twitter” link. Ultimately I’m going to get rid of that but we’ll leave it there for the time being.

Choose a Color Style

There is also the opportunity for you to change the color in the Genesis theme settings. You can choose a style. I’ll pick Enterprise Pro Red and save those settings. Let’s refresh the page and now the color has changed to red.

Enterprise Pro Header

Enterprise Pro has it’s own theme settings and they’re not contained under Genesis. Go to Appearance and one of the choices there is Header. This theme has a header setting and if we select header, now you can choose a header image. We’ll get back to this in a few minutes.

Image Sizes of Enterprise Pro

Enterprise Pro has 3 critical image sizes.

Logo Image

It has the logo image which would sit right here on the left in the header and that image is 320 pixels by 80 pixels. If you come over to the Appearance and Header, you’ll see that they tell you that size here, 320 x 80 pixels.

Home Top Featured Image

It has the home top featured image. Let’s take a look at the example site back on Studiopress. And we’ll view the full theme demo for Enterprise Pro Child Theme. Enterprise has this area below the header and menu where it’s got this huge picture with some text and a Read More link. This huge picture here is their home top featured image and it’s configured to be 750 pixels wide and 600 pixels tall.

Featured Page Image

The last of the critical images is the featured page image which is this right here. There are three of them of them just below this Home Top Featured Image area. And that size is 358 x 200.

Those are 3 image sizes that are automatically created as soon as you install the Enterprise Pro child theme.

Recommendations for WordPress Media Settings

If you have heard any of my conversations about using WordPress you know that I have recommendations about media settings. Given the layout of this page, I recommend that you set your large image media setting to 660 pixels because that will fit perfectly inside the width of this content. Set your medium to half of that or 330 and set your thumbnail to 200.

Change Thumbnail, Large and Medium Sizes

Let’s come over here and go to our media settings and change those sizes. The thumbnail size now is 150, we’ll change it to 200 x 200. The large size we’ll set to 660 x 1024, the medium size we’ll set to 330 x 1024 and then we’ll save these changes.

Just so that we’re clear on this, any images that you uploaded prior to this point will still be at their old size. So one of the things we need to do right away once we install Enterprise Pro and change our media settings is regenerate our thumbnails.

Using the Regenerate Thumbnails Plugin

If you’re starting at a brand new site you don’t have to worry about this, of course, because you haven’t uploaded any images yet. But if you have uploaded images or if you’re revamping an older site, you need to do this because the images are going to be the wrong sizes.

So we’re going to come over to Appearance and Plugins. And I’m going to install the Regenerate Thumbnails plugin. We’ll activate that and then come down here to Tools and Regen Thumbnails and just regenerate them.

This will take all of our existing images and create all of the additional image sizes so that we can take full advantage of the settings of Enterprise Pro. It’s going to take a couple more moments to do this.

WordPress Reading Settings

Now that that’s completed, while we’re over here in settings we need to take a look at the WordPress Reading Settings. If you’re coming to this from a regular WordPress site and you are expecting to use a static front page on it because you chose a child theme with a static front page, you would expect to have to specify that your front page displays a static page. However, Genesis doesn’t work that way.

Static Front Page and Enterprise Pro

If you change the setting from “Your Latest Posts” to “Static Front Page” your front page is not actually going to work the way you expect it to because Enterprise Pro does not respect this setting. Enterprise Pro doesn’t want you to specify a Home Page, esentially, it doesn’t want you to specify a static front page so we’re not going to do that. We’re going to leave it like this and save our changes.

What we’ll do here in order to make this look the way we want it to is to add widgets to it because that’s the way this is built. In fact, I think actually this is a widget that’s sitting in this Home Top area. Let’s come over and look at Appearance and Widgets. Yes, we have a widget in here in home top that’s why it looks like this.

Let’s drag that widget out of there and drop it in inactive widgets for a moment. Refresh the page and you can see this is actually what it looks like right out of the box. It looks like a plain old ordinary blog. It’s going to change as soon as we add the appropriate widgets to the Home Top area and our Home Bottom widget areas which we’ll be doing here in a little while.

Anyway, that’s how you make it look like a front page. You make it look like a front page by adding some kind of content to your Home Top and once you’ve done that, then it looks like a front page not the blog posts page.

0 Comments… add one
0 comments… add one

Leave a Comment