Hello there and welcome! So glad you are here with us as we explain how you can setup your new Meringue 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 Meringue themes’ zip file(it will be titled meringue.zip). Next, navigate back to the themes section of your Dashboard and locate the Meringue 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
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 Blog Page
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
Genesis Connect for WooCommerce
WP Tabbed Widget
Featured Custom Post Type Widget for Genesis (Provided with Purchase, You will need to do Installation Option One)
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!
These next two areas cover WooCommerce settings. However, if you chose not to install a shop on your website then you may skip ahead.
For this plugin you will want head on over to WooCommerce » Settings. You will then want to click on the Accordions tab. These colors are not effected by the customizer. So you will have to manually change them to what you would like here. Oh! Be sure check the Enable Accordions box before saving!
WooCommerce Product Image Sizes
These are the exact image sizes that are used in the demo. To edit yours you will need to go to WooCommerce » Settings then click on the Products tab and click the Display link. You will want to duplicate these settings.
If this is your first time working with WooCommerce, this information will prove useful in setting up your shop to start selling. There is a lot of good information here to help you get started!
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. Now I assure you despite the fact that there are a lot of widget areas. We will make this painless as possible. So let’s move on over to Appearance » Widgets.
Let’s start with the Primary Sidebar.
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 click on the text tab so you can enter the code, we don’t want visual for this part. 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.
Simply move over the search widget and your done! That was an easy one!! Phew!!
FEATURED CUSTOM POST TYPES FOR GENESIS
This widget can certainly spice things up on your website. However, at the moment we are keeping it simple since this is going in the sidebar. So just replicate these settings, we titled ours Popular Posts. However, feel free to title it,pick the category, and how many that display.
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.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.
WP TABBED WIDGET
Adding tabs just got super easy! Simply drag over the WP Tabbed Widget to the Below Header widget area. You will see a plus sign in the right corner of the widget. Click on the + to add a tab. Next it will ask you select a widget to add. You will want to choose the Featured Custom Post Types for Genesis widget.
Here you can choose how many columns, the category(to correspond with the Tab name, of course). Be sure to type the name of the Tab where indicated in the example. However, you can choose the name. Here is how we setup the first one. So you will know what settings to use in the others. Oh and remember to save after you set each one up.
To add the other two tabs simply click the + and repeat the steps from above. Just remember to save after each one as well as titling your tab.
Moving right along. Time for the Home Top area. This is were you can start to have a bit more fun with the Featured Custom Post Types Widget.
FEATURED CUSTOM POST TYPES FOR GENESIS
So let’s not delay and move the another one of these widgets and place it in the Home Top widget area and replicate these settings. However, you are free to choose the title for the widget, your choice of category or tag, how many to display, number of columns, image size, etc. The below is how it appears one the demo.
Same goes for the Home Middle & Home Bottom widget area.
FEATURED CUSTOM POST TYPES FOR GENESIS
Here is how we have it set up for these sections the only difference is one section has 3 columns and the other has 4 columns. But like above you are able to choose all these options to meet your needs.
However, the Home Bottom does have one other difference. We also have a WooCommerce Product widget added in there. This is completely optional, depending if you want to show off your products on the homepage of not. Also, if you choose to skip the Woocommerce setup completely, then no need to worry yourself with this section. You may skip ahead.
Although, if your adding a shop let’s continue and move over a WooCommerce Products widget and keep going. Here are the settings used in the demo. You can choose how many to display, the order they go in, and title the widget what you wish.
Just a bit further to go until your websites’ new look is completely setup! Let’s move on down to the Below Content widget area. This area is pretty simple. This is where we will be placing our Instagram shortcode. Thus, assuming you went ahead and set up your id and all that back when customizing. Just move a text widget over to this area and make sure the text tab is clicked and place your code and save! It should look like this.
Now time for the WooCommerce Sidebar, this sidebar is specific only to your shop pages. You may skip ahead if you chose not to install the shop portion onto your website. However, if you did you will want to stick around for this bit.
Now in this area we placed a WooCommerce Price Filter widget, Product Search Form, and a Category list. The Category list was done using the Custom Menus widget like we did for the Recipe Index Page. However, we kept these product related. Please keep in mind that you are able to add as many custom menus to this area to better organize your products for shoppers to easily find.
You place any widget of your choice in the After Entry widget area. We placed an ad code in our demo. But you can place what you wish here.
Well, that’s officially a wrap y’all! We hope you have found this walk through on setting up your new Meringue theme helpful and we wish you the best of luck in your endeavors! Be sure to also check out the blog occasionally for tutorials on how to customize your new theme further!