Hello there and welcome! So glad you are here with us as we explain how you can setup your new Chefette Theme just like our live demo. We are absolutely in love with this theme and hope you will be too. 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 Chefette Pro themes’ zip file(it will be titled chefettepro.zip). Next, navigate back to the themes section of your Dashboard and locate the Chefette 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.
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.
Changing Theme Colors
Changing your theme colors just got a whole lot easier. You even get to choose them! Simply go to Appearance » Customize, wait for it to load. Then click on the Colors tab. You can pick and choose your colors in the left side panel. There is an explanation under each heading, explaining what each option changes. Have fun with it and remember to click save once 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!
To upload your own header image/logo navigate to Appearance » Header.Your image/logo must be 320px by 100px. Click Add new image and select your image from your computer. Remember to click save when done.
You will want to install and activate the following plugins:
Genesis eNews Extended
Genesis Simple Share
Simple Social Icons
jQuery Pin It Button For Images
Alpine PhotoTile for Pinterest
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!
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 click Publish.
Now all posts will show up on this page. To narrow it down to only recipes, we need to complete a few more steps.
In order to have only recipes show up, we need to tell the index not to show certain categories. However, in order to accomplish this we need to determine the ids of the categories we wish not to display. So let’s get started and head on over to Posts » Categories. Get a writing utensil and piece of paper so you can write down the id numbers.
Next you are going to hover of the categories you do not want to show up on the Recipe Index and locate the category id at the bottom of the screen for each one and write them down. As shown below.
Got them all written down? Great! Let’s move onto the next step, excluding them from the Recipe Index page. Go to Pages » All Pages and select Edit under your recipes page. Next you will need to click on the Screen Options tab in the upper right hand corner and make sure the Custom Fields box is checked.
Then scroll towards the bottom of the page until you find the Custom Fields section. Your going to enter “query_args” into the box under Name and enter “cat=-idnumberhere,-idnumberhere” like the example below.
Just remember to update the page when finished. Now you can reuse the Recipe Index template as much as you want to make category specific pages as well. For example: Sweets, Meat & Poultry, etc.
You would follow the same steps as above: create a new page, title it, and selecting the Recipe Index template from the right hand side. However, this time you are only going to get the id number for the specific category you want the new page to display. Then you will add a Custom Field like above, only exception is instead of putting “cat= -23,-24,-25” it will be “cat=idnumberhere”. That’s it and as always remember to save your changes.
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!
jQuery Pin It Button For Images
You will want to navigate to Settings » jQuery Pin It Button For Images. Then you will want to click on the “Visual” tab. You will want to apply these settings. Note you can find all the themes’ “Pin it Buttons” in the themes’ images folder. So just select the image that matches your themes’ color choice.
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.
First up is the Primary Sidebar. In this widget area we will be placing the following: a Text widget, Simple Social Icons widget, Featured Posts widget, Alpine Phototile for Pinterest, Calendar(optional), and another Text widget(optional). Go ahead and locate the widgets on the left and drag them over to the Primary Sidebar widget area and configure it as explained below.
We are going to use this instead of the standard User Profile widget, so we can spice it up a bit. You will need to open your media area in another tab. Simply hover over Media » Add New and while hovering over Add New, right click and select the Open Link in New Tab option. Upload your favorite selfie and have the url standing by.
Here is the code that is used in the bigger text area. Just be sure to place your image url where it is indicated as well as your About page url. You can remove the brief bio provided and replace it with your own.
GENESIS – FEATURED POSTS
Here are the settings used in the demo. However, you can change the category if you wish to do so, choose the order you want them to go in, and also how many are to be displayed. Below the settings you will find the code that will need to be put into the Post Info box of the widget.
Here is the code that will need to be placed into the Post Info box section. You will not need to modify this code in anyway.
ALPINE PHOTOTILE FOR PINTEREST
You can choose to have this widget display your most recent pins from your feed or have it direct to a specific board. In our example we had it point to a specific board. Below is the settings for this specific widget.
If you wish to display a calendar here, simply drag the calendar here and done!
If you choose to use this widget, simply add this widget and paste any ad code you wish to use within it and save!
Now we will be moving on to the Secondary Sidebar. This sidebar is specifically for any page using the Recipe Index template. This is where you can add custom menus listing your recipe categories and ingredients. In order for this to work we tagged our posts with ingredients and filed the recipes under the appropriate category.
Not sure how to make a custom menu with categories and tags? You will follow this tutorial here. However, you will check the tags box from the Screen Options. Categories will already be displayed on the left hand side along with pages and posts. Also, instead of adding these menus to your Secondary Sidebar instead of your Primary. See our example below.
Now it’s time for the Above Header widget area which appears at the very top of your web page. In this area we are using the following widget.
GENESIS – ENEWS EXTENDED WIDGET
We used MailChimp in conjunction with this plugin. Don’t know how to do this or don’t have an account? 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. However, here are the settings below for this area when using Mailchimp.
Next is the Below Header widget area. In this area we placed another Genesis – Featured Posts widget. So go ahead and drag it on over.
We are almost finished. We have accomplished a lot so far. Just a bit more to go. In this next section we will be showing you how to set up your Recipes Index Top widget area. This will only display on pages using the Recipe Index template. So whatever you place in this area will display on the Recipe Index page.
RECIPES INDEX TOP WIDGET AREA
We will be placing a Archives widget and a Search widget into this widget area. So simply slide the widgets listed above into this widget area and apply the following settings. Remember to save after you have finished each widget.
Now on to the footer widgets, we are very close to wrapping this up. Now there are 3 footer widget areas, with a widget within each area. These widgets are the Search Widget, Simple Social Icons, and Archives widget. You are able to see how the Search and Archive widget were set up below, easy peasy!
The Simple Social Icons widget is setup as we did above with the exception of a widget title “Follow us on”, this way your social icons will display on every page that does not display the Primary Sidebar or has no sidebar at all. Just be sure to save after each widget is completed.
Last and foremost, the After Entry widget area. This is where we chose to place another text widget with another advertisement code. However, you may place what you would like here and it will display at the bottom of every single post on their individual post page.
Well, that’s officially a wrap y’all! We hope you have found this walk through on setting up your new Chefette Pro theme helpful and we wish you the best of luck in your endeavors!