Congratulations on purchasing the Sally theme. Follow these easy steps to install and set up your theme to match the demo site. From here you can edit your new theme in any way you like: change the colours, add your logo, add your own pages, products and blog posts – the possibilities are endless!

NOTE: To run these child themes, you will need a self hosted WordPress account and the Genesis framework.

INSTALL GENESIS

Appearances > Themes > Add New > Choose File > Select your Genesis framework (genesis.zip) and press Install Now.

It’s important that you do not activate this theme. Return to Themes Page.

NOTE: You will need to purchase the Genesis framework from Studiopress.

INSTALL THE SALLY THEME

Add New > Choose File > Select your Sally theme zipped file (sally.zip) and press Install Now. Click Activate.

NOTE: If you receive a notice at the top of your Dashboard saying a new version of Genesis is available, it is highly recommended that you run the update at this point.

INSTALL PLUGINS

Plugins > Add New > Search for relevant plugins. Activate Plugins

Alternatively, you can download these plugins from the links above and manually upload them. However, it will save you time to search for them from within the Add New Plugins page of your WordPress Account.

NOTE: In order for the Sample Content and Widgets to install properly, please ensure you install and activate plugins first.

INSTALL SAMPLE CONTENT

Tools > Import > WordPress

This will install the WordPress Importer. Press Install Now and select Activate Plugin & Run Importer. You will be taken to the Import WordPress page. Click Choose File and select sample.xml from the xml folder, located within your Sally theme files. Click on Upload file and import. You will be taken to a page asking you to assign authors. Select your name from the existing user list. Click Submit.

RUN THE WIDGET INSTALLER

To speed up your installation and to match the demo site, you can now use the Widget Importer!

Tools > Widget Importer & Exporter > Choose File > Select the widgets.wie file from the xml folder, located within your Sally theme files. Press Import Widgets.

SET UP YOUR THEME SETTINGS

Genesis > Theme Settings

Ensure you have selected the Content/Sidebar option from the Default Layout menu and check Enable Comments and Enable Trackbacks in the Comments and Trackback menu. Press Save Settings.

Be sure to also navigate to Settings > General and type in your site tagline (or remove it entirely!)

ADD YOUR PRIMARY NAVIGATION MENU

Your primary navigation menu is located under the header/logo. It appears in a coloured bar that runs across the width of your page.

Appearance > Menu

When you imported the sample content, you would have imported the menus from the demo theme and the pages associated with them. You can create a new menu or you can add the demo primary navigation menu and edit this later. Ensure ‘Primary Navigation’ is selected from the dropdown menu.

Scroll to the bottom of the page and check the Theme Location box next to Primary Navigation Menu > Save Menu

ADD YOUR SECONDARY NAVIGATION MENU

This theme does not utilise the secondary navigation menu, however you are welcome to use it. When active, the secondary navigation menu is located above the footer widget area. You can use this menu to display any links or blog categories. You turn the secondary navigation menu on in the same way as the primary navigation, only checking the Secondary Navigation Menu theme location instead.

HOMEPAGE STYLING

ADD YOUR HOMEPAGE SLIDER

The homepage utilises a split top section to display a slider in the first two thirds and a text box in the last third. The Sally theme is also equipt with a full width slider area if you would prefer.

To set up the homepage to resemble the demo site, you will need to use the soliloquy plugin. This allows you to quickly and easily add a slider or single image under your navigation bar on the homepage.

Find the Soliloquy menu on the bottom of your Dashboard navigation.

Soliloquy > Add New

You can name your slider anything you like. The demo uses ‘Homepage Slider’ and displays only three image. You can display as many as you like. Upload your images using Select Images. For the best results your slider images should be 740 x 450 (For full width you will need to adjust this). Click on the Config tab and ensure your settings are as follows:

Press Publish to save your slider.

Now to add your slider/image to the homepage, you will need to go back to the main Soliloquy menu. Copy the shortcode to your clipboard.

You now need to drop this shortcode into a widget.

Appearance > Widgets and expand the Home Top Slider widget.

You will find that there is a shortcode widget already populating this widget area (if there isn’t, just drag and drop the shortcake widget from the left). You may even find content in this shortcode widget, simply replace the shortcode with the new one. You can also do this manually by updating the number between the “”. Press Save.

USING WIDGETS

Your theme is made up of several widgets. Each have their own purpose and show up on a different part of your website.

Appearance > Widgets

For the most part, when you import the widgets all of the demo widgets will appear and you are able to edit any of these, adding and removing widgets as you desire. You will need to edit these widgets to include your own information.

ADDING RECENT POSTS

You may find that your Recent Posts homepage widget is blank – this is because you are using the Genesis – Featured Post widget but your may not have Featured images on these posts. You need to open your blog post and ensure you have uploaded a featured image on the right bottom side.

ADDING SOCIAL MEDIA ICONS

The Sally theme uses the Simple Social Icons Plugin in two areas: the Header Right and the Primary Sidebar areas. You can configure the icons any way you like, but to match the demo match the following settings:

The Background Color used is #ee7872 and you can change this to anything you like.

ADDING WOO COMMERCE PRODUCTS

If you are not displaying a store on your website, simply remove this widget. Otherwise, the WooCommerce Products widget will import your 4 most recent store items. To ensure thumbnail images are showing, you must include a Featured Image for each product.

You will also need to configure your image settings so that your images are showing the right size once you begin adding products.

WooCommerce > Settings > Products > Display

If your thumbnails are not showing as the right size, use the Regenerate Thumbnails plugin.

Tools > Regen. Thumbnails

To add products, you can do this easily by navigating to Products > Add Product

ADDING A SHOP SIDEBAR

The Sally theme uses the WooSidebars plugin to create a stunning sidebar especially for your store!

Appearance>Widgets Areas

Select Add New and name the sidebar. Under the pages tab select the pages that you would like this sidebar to be visible on. Also click on the Advanced tab and select WooCommerce and everything underneath it.

Once you have done this, navigate to your Widget’s page and you’ll see the Shop Sidebar widget. Populate this with the widgets you want to display like you would the primary sidebar. The demo utilises the following widgets:

ADDING A LOGO/HEADER

The Sally Theme demo does not use a custom logo. However you can easily upload your own logo using the Customiser.

Appearance > Header

This will take you to the Header Image section in the Customiser. For logos to work correctly on this theme, it is recommended that your header size is 720 x 300. See the Add New Image button to upload your logo and it will give you the option to crop the image if it is too big.

CUSTOMISING THE BACKGROUND

The Sally theme comes with a watercolour floral background. To install this background, or to install your own, open the Customiser.

Appearance > Background

To set the background up to look like the demo site, ensure all the settings match the image below.

CHANGING THE HOMEPAGE WIDGET AREA BACKGROUND

There is a homepage widget area that utilises a background. You can easily change this by going into your Genesis child theme CSS.

Appearance > Editor > Style.css (It should open automatically on this, it will give you a warning against editing – accept this and it will open the stylesheet).

Find this code:

.home-middle-fullwidth {
background: url(http://branditgirl.com/sally/wp-content/uploads/2015/10/Home_Middle_Background.png) no-repeat 0 0;
padding: 40px;
margin-bottom: 100px;
}

Simply change the url in the brackets to point to your new background. I recommend uploading your new background to your WordPress Media.

INSTALLING YOUR SHOP

WooCommerce makes it really easy to start selling your products on your website and the Sally theme has been optimised to use this great plugin, making it look like a part of your website! To start, a welcome message will appear at the top, click Install WooCommerce Pages. Now follow the set-up prompts and it will step you through setting up your store.

Once your WooCommerce shop is set up you can activate your WooCommerce related plugins, including Genesis Connect for WooCommerce, WooCommerce Menu Cart and WooSidebars.