Part 1 – Introduction and Installation of the Bee Crafty Child Theme
In this session we demonstrate how to install the Bee Crafty theme for Genesis and look at its various configuration options. We start out by looking at the default Genesis installation of the site then we install Bee Crafty and compare the two. We look at the various column configurations that come with Bee Crafty and choose a default configuration.
Well, good morning everybody and welcome to this special seminar on setting up the Bee Crafty child theme for Genesis. Today, we are going to look at the Bee Crafty theme, take a look at all of its parts and its configuration options. I’m going to make some recommendations about how you should configure it. We’ll take a look at how to customize it, change some of its styles and how to make the most out of it for your theme.
An Image Intensive Theme with Lots of Custom Styling
So we’re going to dive right into this to the Bee Crafty child theme for Genesis. Bee Crafty is a very image-intensive theme. It’s got lots of custom styling associated with it. It’s intended to be used as a blog theme but I do think it could also be used as an artist portfolio. There are probably a couple of other ways in which this can be used.
By default, its main homepage is this portfolio-like or perhaps not portfolio but Polaroid images that are recent posts or featured posts. And when you click on them, it takes you directly to the post. If you hover over them, obviously, the name of the post and author’s name jump up.
Otherwise, it offers you typical kinds of layout. It has quite a bit of extra styling so you can see there are little buttons for things like archives and latest tweets and email newsletter and featured project. These little icons show up automatically depending upon which widgets you choose.
There’s also quite a bit of styling of the text so you have different colors of text including a different color of the heading 1 and heading 2 and heading 3 and so on and so forth. It’s a very colorful theme and so today, we’re just going to work our way through the process of configuring it and setting it up.
Install Bee Crafty Theme
I’m doing that here on this site, beecrafty.byobgenesis.com and at the moment, it is set up with Genesis 1.8.2. And so the first thing we’re going to do is just install Bee Crafty. The way you do that of course is to go to Appearance and Themes, Install Themes, Upload.
And then you’re going to choose the file from your original download location. Mine is in my Downloads folder and Bee Crafty. So all you have to do here really is just install it and activate it. And once you’ve done that, you can refresh it and you see how it looks in its default state.
How the Theme Looks After Installation
And actually, this is not really how it looks in its default state because it saved some of my test settings. I’m going to turn some of these off. Okay, so this is what the Bee Crafty theme looks like as soon as it’s been installed. It comes with this sample background image here and then it comes with each of these polaroids with the blog posts and that’s about it.
Assigning A Menu
It’s what you see when you’re there and if you want to move around from page to page really, the very first thing you have to do is to come over to Appearance and Menus and assign a menu as the primary navigation menu. Once you’ve done that, there’ll be a menu that shows up in your menu bar here and you can move around from a single page to archive pages and back to the home page.
This has a number of column configurations. In the first place, you have the 2-column configuration like this where the main column is 629 pixels wide and where the sidebar column is 300 pixels wide. Now that’s helpful for you to think about when you’re thinking about images and that sort of thing.
Let’s look at the theme settings and at a condition where you have a 3-column layout. The column size has changed a bit and so your left column size or the small column size which is the secondary sidebar widget area, that one is 125 pixels wide. The main content column drops down to 470 pixels wide and the main sidebar stays at 300 pixels wide.
So those are essentially the basic column configurations where your overall site’s 960 pixels and this column, primary sidebar column is always 300 pixels. And then if there’s a secondary then, it’s 125. If there isn’t a secondary then this is about 590 pixels.
Primary Layout Affects Image Size Choices
And the reason I introduced that information is because choosing what your primary layout is going to be is one of the first things you have to decide because this theme is so image intensive. This theme is all about displaying images of your crafts, your projects, what you’re blogging about or of your portfolio. And since the theme is so image intensive, you want to give thought to the image sizes that you’re going to use before you get very far into the process.