Let’s Get Started
Thank you for purchasing Earthy! To get this theme up and running like the demo, first, you must purchase and upload the Genesis Framework to your WP account. To do this:
- Login to your WP Admin dashboard
- From the dash, place your mouse over Appearance, then select Themes.
- On the Themes page, select Add New at the top and upload the Genesis Framework from wherever you have it saved on your computer.
- Activate it.
Once you’ve completed this, upload the Earthy zip folder in the same way. Activate the theme if it isn’t automatically done. Now, let’s begin setting it up like the demo!
The Prep Work
The first thing we’re going to do is complete the behind the scenes work, and what I mean by that is all the settings that need to be in place from your admin dashboard. On the panel at the far left, click on the Genesis tab. Next, arrange your settings like the following:
- In Default Layout, click the first layout option, which is the content+sidebar option.
- In Breadcrumbs, check the boxes for Post Page, Single Posts, Pages and Archives.
- In Comments and Trackbacks, check the “on posts?” box for Enable Comments.
- For Content Archives, make sure “entry content” is selected for the Display option. Type in “380” for content characters. Check the box for Featured Image and choose the “home-middle (360 by 200)” option, with the Image Alignment being “Left.” Leave Entry Pagination as “Previous/Next.”
You are now good to go with the Genesis options! But we’re not done yet.
- Hover over Settings on the admin panel and click Reading.
- For Front Page displays, make sure “a static page” is selected. Choose “Home” for the front page and “Blog” for the posts page.
- For Blog pages show at most, choose the number of posts you want a viewer to initially see when they visit your blog page.
- Next, hover over Users and select “Your Profile.” Look over all options, but primarily, write out your bio and make sure “Enable Author Box on this User’s Posts?” is checked.
Having the admin email of your site tied to Gravatar is a good idea, and makes a few parts of setting up your theme like the demo easier. Click the link and follow the steps they give to have a globally recognized image for WordPress.
Hover over the Plugins option on your admin panel and click Add New to search WP’s database for these plugins, then click to activate them on your site.
- Genesis – eNews Extended – This plugin will display the email subscribe form.
- Display Featured Image for Genesis – This plugin will display the set featured image before the title of a post.
- Image Widget – This will be used for displaying your About, Shop and Contact graphics. (If you need some designed, I can help!)
- Woocommerce – This plugin is for displaying your products and providing a fast easy way for you to get paid!
- Genesis Connect for Woocommerce – This plugin helps make Woocommerce more compatible with Genesis sites.
- Simple Social Icons – Used at the top and bottom of the theme and provides links to your social media accounts.
- Jetpack (optional) – The contact form on the demo is created by Jetpack, but you could use another plugin.
- MailPoet Newsletters (optional) – If you do not want to pay for a third party company to handle your email output, this free plugin is a great option, and integrates with the eNews Extended plugin.
Making It Pretty
Now we can begin putting the theme together on the front end. Click the name of your website at the top left side of the screen–this will bring you to front page of your website. Click the Customize option up top.
- Site Identity: Name your website and come up with a tagline. Also, upload a browser icon if you have one.
- Header Image: Upload your logo here. The theme requires a logo no larger than 1258 x 346.
- Background Image: This is where you will upload the faded green background image at the top of the theme. You’ll find it inside the Earthy theme folder in the folder labeled “images.”
- Skip past Display Featured Image for Genesis.
- Menus: Go into Menu Locations and under Secondary Navigation Menu choose what menu you would like to be below your logo. If you don’t have one, you’ll need to create one.
- In Full Width Area 1:
- Simple Social Icons: Choose how you want the icons to appear and then enter the URL of your profiles into the appropriate space.
- Genesis eNews Extended: In the “Text To Show Before Form” box, write what you would like your form to say before the subscribe boxes. Next, if you are using Mailpoet, scroll down and check the “My first list” option, along with “First name” and “Last name.” Lastly, scroll down and write in what you would like the subscribe boxes to say.
- In Home Top Left, Middle and Right:
- Image Widget: Upload a graphic representing the corresponding page. Leave everything blank except for the box that is labeled “Link.” In it, put the link to the corresponding page, so when someone clicks, they will be redirected properly. Then select a size for the image and choose center for the “Align” box. This theme features a 1000 x 605 graphic displayed at full size.
- In Full Width Area 2, insert the other widgets in this order:
- Image Widget: Upload a banner or large featured image.
- Woocommerce Products: In the “Title” section, write Products, then choose the amount of products you would like to display. Next, configure the following options to your liking.
- Genesis eNews Extended
- Genesis – Featured Posts: Arrange the settings as shown below.
- Simple Social Icons
- Search bar
- In Full Width Area 1:
*Tip: If you don’t want the number of comments displayed in Genesis – Featured Posts, delete the short code for it in the “Show post info” box.
Lastly, click over to a post and put the eNews plugin in the After Entry widget area, to display a subscribe form after all of your blog posts. Configure it as you did for the home page. You are now done with the main body of the site! Woohoo!
You’ve now fully set up Earthy!
I’ve done the best I can to guide you through the process, but if there is a step I’ve missed or if something doesn’t make sense, PLEASE let me know in the comments. In this way, if someone else has the same problem they can see that it’s already been asked and solved. DO NOT message through any contact form. Please, comment. 🙂