Hello there and welcome! So glad you are here with us as we explain how you can setup your new Bakerista Pro Theme just like our live demo. So let’s go ahead and get started.
Begin by logging into your WordPress Dashboard. From there you will want to navigate to Appearance » Themes. In the upper left hand corner you will see a button that says “Add New“, go ahead and click on it.
First, upload your Genesis Framework zip file(it will be titled genesis.zip). Then repeat to upload your new Bakerista Pro themes’ zip file(it will be titled bakeristapro.zip). Next, navigate back to the themes section of your Dashboard and locate the Bakerista Pro theme and click on the blue “Activate” button.
Your new theme is now active and live on your website. However, we still have plenty of ground to cover before it actually looks like the live demo.
Blog Title & Tagline
You will want to head on over to Settings » General. As you will see below, it is pretty self-explanatory. However, we wanted to point you in the right direction so you may modify these if you wish.
Go to Appearance » Background. You can either upload your own background/pattern image. Which from there you can choose how you will like it to display such as repeat horizontally/vertically or tile.
To upload your own header image/logo navigate to Media » Add New or you may upload to your themes’ images folder via FTP, it is up to you. Your image/logo must be 360px by 100px. If you choose to upload your image via Media, once uploaded you will see a link to the right that says “Edit”, click on that. You will need to grab the images’ url, which can be located on the right hand side.
Now lets cruise on over to the style.css file by going to Appearance » Editor, you will find that you have landed on the stylesheet css file. Next search the css for this line of code:
You will want to replace “images/logo.png” with your image/logo url. Then scroll to the bottom and click the “Update File” button.
Next we want to make sure our image/logo shows instead of the default website text. So we will need to head on over to Genesis » Theme Settings in order to accomplish this. Once you find yourself there, scroll down until you see the section titled Header. Click on the arrow of the dropbox and select the “Image Logo” option.
Be sure to scroll either to the top or the bottom of the page and click the “Save Settings” button. And that’s it you now have your own header image/logo up!
There is two menus present in the Bakerista Pro theme. When you go to name your menus you need to name them Primary Navigation and Secondary Navigation in order for them to be mobile responsive when viewed on other devices.
Featured Images for Posts
Featured images for posts must not exceed 720px in width. This is very important.
For those of you who are WordPress “virgins”, we will go ahead and explain how and where to upload these plugins. There are two options.
You will want to navigate over to Plugins » Add New. In the upper left hand corner you will see a button titled “Upload Plugin”, go ahead and click on it. You will need to upload the plugins one at a time. After each upload is complete it will ask you if you want to activate. Yes, click the activate link for each plugin!
Like the first option find your way over to Plugins » Add New. From there you can enter the name of the plugin into the search bar on the right hand side and hit enter and click on the “Install Now” button next to the plugin image. After it has installed it will ask you to activate, go ahead and do this.
To setup this plugin correctly you will need to head on over to Easy Recipe located on the left hand side of your dashboard. You will want to click on the “Display Styles” tab and select the Tastefully Simple option as you see below.
Be Sure to click on the “Save Settings” button when finished! You will want to select the same option under the “Print Styles” tab as well and save. That wraps that area up. Now you can simply click the “Add an Easy Recipe Button” to add a recipe to any post!
Pin it Button for Images
Let’s not forget to setup the Pinterest format we wish to have displayed when readers choose to pin our content. Follow me on over to Settings » Pinterest Pin it and get that taken care of. Go ahead and uncheck the boxes next to the pages you do not wish for readers to be able to pin from. Then select which information you wish to be transferred with the pin from the dropbox and save.
Genesis Simple Share
To configure this plugin simply go to Genesis » Simple Share. Set the Icon Size to Small Bar, the Icon Appearance to Filled and the Icon Display Position to After the Content. Choose which social networks you wish your content to be shared on and save!
Genesis Responsive Slider
Go to Genesis » Slider Settings. These are the exact slider settings that are used in the demo. Just be sure to click the “Save Settings” button when finished.
You can change the height to what you wish. However, the width must be 720px. Also, please note when you upload featured images they also need to be 720px in width.
Setting up your Posts Excerpts
To do this, you will need to navigate to Genesis » Theme Settings. Scroll down until you find the section labeled “Content Archives” and apply these settings and remember to click the “Save Settings” button when finished.
Modifying the Number of Posts to be Displayed on Homepage
Go to Settings » Reading and change the number next to the “Blog pages show at most” option and save!
Recipes Index Page Setup
You will want to navigate on over to Pages » Add New. You may title it whatever you wish. For our example we kept it simple and just titled it “Recipes”. Then you will need to locate where it says “Template” on the right hand side and select “Recipe Index” from the dropbox and update the page. That’s it! So now when you add widgets to your “Recipes Top”, “Recipes Middle”, and “Recipes Bottom” widget areas (which will come shortly) it will automatically display on this page.
Portfolio Page Setup
You will want to navigate on over to Pages » Add New. You may title it whatever you wish. For our example we kept it simple and just titled it “Portfolio”. Then you will need to locate where it says “Template” on the right hand side and select “Portfolio Page” from the dropbox and update the page. That’s it! So now when you add widgets to your “Page-Portfolio” widget areas (which will come shortly) it will automatically display on this page.
You will also want to create a Category titled “Portfolio”. In case your not sure how to do so, simply go to Posts » Categories. Then when you create posts and you are aware you will like the featured image to also appear on your Portfolio page, just be sure to check the box next to Portfolio under Categories on the right hand side.
Widgets & Widget Settings
Yay! We are finally here. You are practically done, just a bit further. Let’s get moving, shall we?
Come on and follow us on over to the Widgets Section by going to Appearance » Widgets. You will notice there are widgets on the left and widget areas on the right. Also, you will see that there are little arrow heads in the upper right hand corners of each widget area. You simply click on them to expand and collapse each widget area.
Moving forward, we will begin with the Primary Sidebar widget area. Go ahead and click on the arrow head expanding the area. In this area we will place a Genesis – User Profile, our Simple Social Icons widget, Genesis – eNews Extended widget, categories widget, Genesis-Featured Posts widget, and search widget. To do this, you will locate each widget on the left and drag them over to the Primary Sidebar widget area and configure them as explained below.
GENESIS – USER PROFILE WIDGET
This is the widget that allows you to enter a little about yourself and have it link to a page that explains more about who you are or what it is you offer/provide. You will see we have configured ours as such.
Configure your settings to your liking then click the save button and collapse widget once successfully saved.
SIMPLE SOCIAL ICONS
Simply replicate our settings as below. Fill in your URL in the appropriate areas and remember to save!
GENESIS – eNEWS EXTENDED
We use MailChimp in conjunction with plugin. Don’t know how to do this? Then click here and visit Restored 316 Designs to find out how!
However, if you still use feedburner then this will be a piece of cake for you(you will see the area to enter your username)! And save when finished.
GENESIS – FEATURED POSTS
Here are the settings used in the demo. However, you can choose the category of your choice, choose the order you want them to go in, and also how many are to be displayed. Just click save when finished.
This area needs no modifications. Simply just drag the widget over from the left, then you can go ahead and collapse the widget area.
SLIDER WIDGET AREA & WIDGET
Next it is time for the Slider widget area. Go ahead and begin by expanding the widget area and dragging the Genesis-Responsive Slider widget over from the left and that is it! Your already done with that widget area, phew!
AFTER POST WIDGET AREA
Next it is time for the After Post widget area. Go ahead and begin by expanding the widget area and dragging the Genesis-eNews Extended widget over from the left and appling the same settings as we did above. Go ahead and scroll back up if you need a refresher. The only difference is you will leave the “Text To Show Before Form” section empty. Once you have done this save and close the widget area.
RECIPES TOP WIDGET AREA
Now it is time for the Recipes Top widget area. Go ahead and begin by expanding the widget area and dragging the Genesis-Responsive Slider widget over from the left and that is it! Just remember to save.
RECIPES MIDDLE WIDGET AREA
The image below is pretty self-explanatory. Just add the same widgets as seen below to both widget areas and apply the exact same settings. Remember to save as you go.
Alright, so the Recipes Bottom consists of 2 Featured Posts widgets. So go ahead and add two Featured Posts Widget, each targeting a specific category and titled specifically. However, they are set up like we did in the Primary sidebar, with only image and post title. The only thing that changes is the widget title, category, number of posts to be displayed, and thumbnail size (which is 150 x 150). I added one for Fruit, set it to display 4 posts and to display the show more button like below. Also, be sure to align thumbnail images left.
I then repeated the process with switching out the titles from Lunch and Dinner. Also changed the category as well accordingly.
PAGE – PORTFOLIO WIDGET AREA
Next it is time for the Page-Portfolio widget area. Go ahead and begin by expanding the widget area and dragging a Featured-Posts widget over from the left and apply these settings. It is completely up to you to choose how many images to show. Once finished, save!
Well, we have came to the end of our walk through. We hope you have found this helpful for setting up your new Bakerista Pro theme. We wish you the best of luck in your baking and cooking endeavors!