Hello folks, in today’s tutorial I will show you how to install the Genesis framework and a child theme. I will also provide a brief overview of the Genesis features.
If you want more information about Genesis and reasons that you should use the Framework, please check out this post about why you should use the Genesis Framework.
The first thing that you’ll need to do is to purchase the Genesis framework. The Genesis framework comes with a “Sample Theme”. We will be using the sample theme for this tutorial.
Once you have purchased Genesis, go to the studiopress.com and click on “My StudioPress” on the top right hand corner of the page. This will take you to a login page. Go ahead and login.
The download page that you have may look a little different than mine, depending on what themes you have purchased.
For this tutorial, all we need is the Framework and the Sample theme. Scroll down and locate the Genesis Framework.
Go ahead and download the Genesis Framework by clicking on the blue download button.
We will also need the Genesis Sample theme. Go ahead and download it as well by clicking on the blue download button.
Now that we have the Genesis Framework and the Sample themes downloaded, lets head over to our web browser and checkout out current install of WordPress. My test site currently has the 2017 theme, which comes as the default theme with WordPress. In order to install the framework we need to go to our dashboard and click on Appearance and then on Themes.
Now go ahead and do the following;
- Click on the Add New button that is located on the top left of your screen.
- You will be presented with a new screen. On this new screen, go ahead and click on Upload Theme.
- The next thing that you need to do is to click on the Choose File button
- A new screen will popup. Go ahead and locate where you want to downloaded the framework and then click on Open and then on Install Now.
A COUPLE OF IMPORTANT NOTES:
You should always install the Genesis Framework before your child theme as the child theme will not work with out the Framework.
You do not need to activate the Framework as the child theme will be activated.
- Once the Framework has been successfully installed, go ahead and click on Return to the Themes page link and repeat the above steps. Only this time install the Sample theme.
- The Genesis Sample theme or whatever child theme you have chosen should be Activated.
Let’s go to our web page and refresh the screen to see what we have so far. You can see that the widgets that were previously in the sidebar are now gone. No need to panic. This is normal.
Go ahead and navigate to Appearance/Widgets. Whenever you install a new Genesis child theme, all of the widgets that you were previously using will be de-activated and placed in the Inactive Widgets section of your Dashboard/Appearance/Widgets.
Go ahead and place the inactive widgets where you want them.
Now go ahead and go back to your webpage and refresh to see what we have.
Success!! You now have a Web Page with the Genesis Framework and child theme.
Step 4 Overview.
Now that you have installed Genesis and a child theme installed, lets go back to our dashboard and go over some of the features of Genesis.
When you click on the Genesis link on your dashboard you will see an option to have Genesis check for updates and email you a reminder. I highly recommend that you enter your email address in this section. This will ensure that your will be notified when a new version of the Genesis Framework is released. Once you receive your update notification, you can then chose to update it or not.
Below this section you will see a place where you can enter your Feedblitz or Feedburner RSS feeds. Enter the URL’s here if you have them. Don’t worry if you don’t have them. The URL’s are not required.
Next we have a place where we can choose the site layout for your site. You can play around with these options and see which one you like best. Most blogs use the first option which is a content section on the left and a sidebar on the right. But it is really up to you.
You also have a section where you can decide where you want to show breadcrumbs. Just click on the checkbox next to the page where you want the breadcrumbs to show. I will chose Homepage, posts, pages and archives.
Below this section, you can chose to enable comments and track backs. I will enable comments and trackbacks for posts and pages.
In the Content Archives Section, you can chose to display your entire post or just an excerpt. You can decide if you want the featured image to show and the type of pagination. I usually like Numeric.
In the Blog Page Template section, you can decide which categories will show in your blog. The Blog Page Template section also lets you select which categories to exclude from your blog page. You can also set the number of posts per page.
Finally we have the Header and Footer Scripts section. Here you can enter different types of scripts, such as the Google verification script.
Well, you are now ready to move forward and create your masterpiece with the Genesis Framework. I am always happy to help those that are just starting out with Genesis. So if you have any further questions, just drop me a comment below.