Have a question that is not covered here? Contact us for help.
Make sure you have the following installed:
- Latest version of WordPress
- Latest version of the Genesis Framework
The plugins below are optional, but recommended for certain functionality as seen in the Chef Pro theme demo. Alternative plugins will likely work just fine, but may not have been styled or tested specifically in this theme.
- Recipes: Cookbook (premium)
- Shop: WooCommerce
- Shop: Genesis Connect for WooCommerce (required if using WooCommerce)
- Opt-ins: Genesis eNews Extended
- Post Meta/Footer Copyright: Genesis Simple Edits
- Contact Forms: Ninja Forms
- Social Icons: Simple Social Icons
- Social Sharing: Genesis Simple Share
- Instagram Feed: WP Instagram Widget
This step is optional. If you wish to install any of the plugins used in the theme demo, follow the instructions below for each.
- Go to: Plugins > Add New.
- Search for the plugin you want to install.
- Click Install Now.
- Click Activate Now.
Before you install your child theme, ensure you have the latest Genesis parent theme installed. If you do not, you can follow the same instructions below to install the Genesis parent theme before proceeding to install your new child theme.
- Go to Appearance > Themes and click “Add New” or “Add New Theme” button.
- Click the “Upload Theme” button.
- Click the “Choose File” button, find/select your theme zip file, and click “Open”.
- Click the “Install Now” button.
- Click the “Activate” link.
For your convenience, an export file of the demo site is available to assist in the setup of your theme. This file is located in the xml folder of your theme.
You’ll find more information about this in the Importing Demo Content tutorial.
The Genesis Theme Settings allow you to configure the settings for features like the content archives and default theme layout.
To access the theme settings, go to Genesis > Theme Settings in your WordPress dashboard.
Below are the relevant settings as configured in the Chef Pro demo.
Since the Chef Pro theme removes entry content on blog and archive pages, the first two Content Archive settings in the Genesis Theme Settings will have no affect on how blog/archive content is shown. If you would like to show entry content or excerpts, comment out or remove the following code from your functions.php file…
Further, if you would like to remove the (3) column grid, first comment out or removed the following code from your functions.php file…
Then, comment out or remove the styles in your style.css file…
The Chef Pro theme adds (2) featured image sizes.
The featured-single image size is 700px wide, supports any height, and is not hard cropped. This featured image is automatically placed below the entry title & meta data and above the post content on single posts.
The featured-square image size is hard cropped at 700px square. This is the preferred image size for blog/archives in order to keep a consistent grid.
You can change these images sizes by editing the following code and then regenerating the thumbnails using the Regenerate Thumbnails plugin.
The Genesis Simple Edits is recommended in order to set the blog/archive Entry Meta (post info) like you see in the Chef Pro demo. It’s also the easiest way to edit the footer copyright text.
To configure your Entry Meta / Post Info like the Chef Pro demo, install the Genesis Simple Edits, navigate to Genesis > Simple Edits, and configure at least the Entry Meta (above content) field as follows…
Here is the text that you can copy/paste…
The theme supports both text based logo (default) or a logo image which you can upload via the customizer.
To add a logo image instead of the default site title text, navigate to Appearance > Customize > Site Identity > Select logo. Recommended size of your logo file is 600 × 180 pixels.
Create your menu(s) under Appearance > Menus.
The Chef Pro demo is configured with a menu set as both the After Header Menu and the Footer Menu.
Alternatively, or in addition, a Navigation Menu widget can be placed in the Header Right widget area under Appearance > Widgets. This will shift the site title or logo to the left.
With the exception of the Front Page Hero widget area, the Chef Pro theme does not have a widgetized homepage which means setup is extremely simple. Under Settings > Reading you can set your homepage to show latest posts or if you prefer, you can set a static page as the homepage and a separate static page as the posts page.
The Header Right widget area in the Chef Pro demo is left empty which forces the site title/logo in the center position.
Alternatively, the Header Right widget area can be configured with a custom Navigation Menu widget, an image using the Image widget, or it can be used for ad placement.
The Primary Sidebar widget area in the Chef Pro demo has been configured as follows…
Genesis – User Profile Widget
Categories Widget
Genesis – Featured Posts Widget
Recent Posts
Products (WooCommerce) Widget
The Top Bar in the Chef Pro demo has been configured using the Simple Social Icons plugin widget and configured as shown below.
Alternatively, you can add a short text message using the Text widget which will look something like the screenshot below.
The Chef Pro demo is configured with an optional Front Page Hero widget area which you can activate by dragging a Text widget to the Front Page Hero widget area and entering some content. The h2 tag is styled at a larger size, but you can use whatever content you’d like.
You can swap out the default background image with your own by navigating to Appearance > Customize > Hero Background > Change image. For reference, the default background image used in the Chef Pro demo is 1900 x 800 pixels.
Alternatively, the Front Page Hero widget area can support a few other types of widgets…
- An opt-in using the Genesis eNews Extended plugin.
- Featured posts using the Genesis Featured Posts widget with number of posts set to (4).
- Featured pages using the Genesis Featured Page widget using (4) separate instances.
The Archive Widgets area displays on archive/category pages only. The widget area is flexible and will adapt for either one, two, or three widgets.
In the Chef Pro demo, it’s configured with (3) widgets to help users find content: Categories widget (display as dropdown), Archives widget (display as dropdown), and a Search widget.
The Before Footer Widgets area is full-width and can support various types of widgets, but has been specifically styled for an opt-in (as seen on the Chef Pro demo) using the Genesis eNews Extended plugin and also for an Instagram feed using the WP Instagram Widget plugin.
Below is how the Genesis eNews Extended opt-in is configured in the Chef Pro demo.
The After Footer Widgets area is full-width and can support various types of widgets, but has been specifically styled for an an Instagram feed (as seen on the Chef Pro demo) using the WP Instagram Widget plugin and also for an opt-in using the Genesis eNews Extended plugin.
Below is how the Instagram feed is configured in the Chef Pro demo.
Tip: if you want to hide the alt tag that pops up when hovering over the Instagram photos, add the following script under Genesis > Theme Settings > Header Scripts…
There are (3) Footer Widget areas available for just about any type of widget you’d like to use. The Chef Pro demo is configured using the Recent Posts widget in both areas one and two, while the third widget area is using the Text widget with some simple text content.
The After Entry widget area will display after single post entries if populated. Use this area for anything from affiliate disclaimer text, an opt-in, an ad spot, etc.