Sparkle Theme

Sparkle Documentation

Unzip the theme file. Visit your Wordpress dashboard. Click on Appearance > Themes > Add New > Upload Theme > Upload the Genesis.zip file and click activate. Then upload the Sparkle.zip file and click activate.

Required Plugins

Click on Plugins > Add New > Install the following plugins: Genesis Connect for Woocommerce, Genesis eNews Extended, Genesis Responsive Slider, Genesis Simple Share, Instagram Feed, Ninja Forms, Portfolio Post Type, Responsive Wordpress Slider - Soliloquy Lite, Simple Social Icons, Social Warfare, Testimonial Rotator, Widget Importer & Exporter, and Woocommerce. Click activate on all plugins.

Navigation Menu

Click on Pages > Add New and create your desired pages.

Click on Appearance > Menus > Create a new menu consisting of 3 or 4 pages. Check to display it as the Left navigation menu. Click save.

Create another menu consisting of 3 or 4 pages. Check to display it as the Right navigation menu. Click save.

Front Page Slider

Navigate to Soliloquy > Add New. Create a slider titled Home Slider. This is very important. If you name the slider anything else it will not work. Add your images to your slider. Navigate to config and modify your settings to match those in the screenshot below.

Display Slider Caption

To add the captions to your slider, click on the pencil icon located with your slider image.

Copy and paste the following to the section titled caption. Edit to use your own information/tagline.

Front Page Widgets

The front page consist of 4 widget sections: Home Grid 1, Home Grid 2, Home Grid 3 and Home Badge

Home Grid 1

Navigate to Pages > Add New and create a new page. In the sidebar, under featured image, upload the image you'd like to display on your homepage. Click publish.

Navigate to Appearance > Widgets. Drag the Genesis Featured Page widget and a custom HTML widget to the widget section titled Home Grid 1.

For the Genesis Featured Page widget, adjust your settings to match those in the screenshot below.

For the custom HTML widget, copy and paste the following into the widget. Change to feature your own information and click save.

Home Grid 2

Navigate to Pages > Add New and create a new page. In the sidebar, under featured image, upload the image you'd like to display on your homepage. Click publish.

Navigate to Appearance > Widgets. Drag the Custom HTML and Genesis Featured Page widget to the widget section titled Home Grid 1.

For the Genesis Featured Page widget, adjust your settings to match those in the screenshot below.

For the custom HTML widget, copy and paste the following into the widget. Change to feature your own information and click save.

Home Grid 3

Navigate to Soliloquy > Add New. Add images to your slider. Click on config and change your settings to match those in the screenshot below.

Navigate to Appearance > Widgets. Drag the Custom HTML widget to the widget section titled Home Grid 3. Copy and paste your soliloquy slider shortcode into the widget and click save.

Home Badge

Drag the Image widget to the widget section titled Home Badge. Upload your logo/badge and click save.

Home Call to Action

Drag the Genesis eNews Extended widget to the widget section titled Home Call to Action. Enter your mailchimp information and click save.

Home Flexible

Drag the Products widget to the widget section titled Home Flexible. Change your settings to match those in the screenshot below.

Home Flexible 2

Navigate to Testimonials > Add New. Enter your testimonial information and click save. Click on All Testimonials. Copy the testimonial shortcode that you'd like to display on your front page. Navigate to Appearance > Widgets. Drag the Text widget to the widget section titled Home Flexible 2. Paste your testimonial shortcode into the widget and click save.

Footer Widget 1

Navigate to Appearance > Menus. Create a menu called footer and add 3 or 4 links to it. Navigate to Appearance > Widgets. Drag the Navigation Menu widget to the widget section titled Footer 1. Check to display your footer navigation menu and click save.

Footer Widget 2

Drag the Text widget to the widget section titled Footer 2. Copy and paste the following into the widget. Change to feature your own information and click save.

Footer Widget 3

Drag the Custom HTML widget to the widget section titled Footer 2. Copy and paste the following into the widget. Change to feature your own information and click save.

Category Index Page

Drag the Genesis Featured Posts to the widget section titled Category Index Page. Do this again twice more, or for how many categories you'd like to display on your Category Index page.

Modify your settings to match those in the screenshot below.

Footer - Instagram Set Up

Click on Instagram Feed. Follow the instructions to access your Instagram token. Customize your settings via the instructions below.

Click on Appearance > Widgets and drag the text widget to the section titled Social Bar. Enter your instagram shortcode and click save.

Custom Contact Page

Drag the Text widget to the widget section titled Contact Page - Left Column. Enter your contact information, hours, social media information, etc...

Navigate to Ninja Forms > Add New and create a new contact form.

Drag the Custom HTML widget to the widget section titled Contact Page - Right Column. Copy and paste your Ninja Forms shortcode.

And voila! Feel free to add other widgets and customize as you see fit.

Display Featured Images & Excerpts:

Navigate to Genesis > Theme Settings > Content Archives. Under Display, check to display Entry Excerpts. Under Featured Image, check to display the Featured Image. Modify your settings to match those in the screenshot below.

And voila! Feel free to add other widgets and customize as you see fit.

Still need help? Contact Us Contact Us