Have a question that is not covered here? Contact us for help.
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.
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.
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 following optional plugins are used in the Artisanal demo:
- Contact Form 7
- WYSIWYG Widgets / Widget Blocks
- Genesis eNews Extended
- Genesis Simple Edits
- Genesis Simple Share
- WP Instagram Widget
In your WordPress admin, navigate to Genesis > Theme Settings.
To setup Content Archives like the demo, use the following settings:
Site Title / Logo Image
The theme supports both text based logo/description or a logo image. You can change this under Genesis > Theme Settings.
For a logo image, replace the firstname.lastname@example.org files with your own in the theme’s “images” directory.
You may need to modify some CSS for logo background sizing in a couple areas. Contact us if you need assistance.
Create your menu(s) under Appearance > Menus.
Select “Primary Navigation Menu” to enable the menu.
To add social icons to the right side of the menu:
Enable “CSS Classes” (click Screen Options in upper right, check “CSS Classes”).
Refer to Ionicons Cheatsheet for social icon classes.
Enter “social” in the CSS Classes field.
Tip: Sort your social icons in reverse order so that they appear in the order you want on the front end.
Tip: Use additional CSS class “last” for the icon on the far right to remove extra padding on the right side.
There is a Primary Sidebar widgets area under Appearance > Widgets.
The “HELLO” widget can be added with the default Text widget or the WYSIWYG Widgets / Widget Blocks plugin which gives you a handy WYSIWYG editor.
Genesis eNews Extended is used for the opt-in and configured according to your mailing list provider.
The default Categories widget is used to display all categories currently used on the site.
Default Search widget is then used in the next spot.
Finally, the Genesis Featured Posts widget is used to display recent recipes not already displayed elsewhere on the page. The demo is using the following settings: