1. Start
  2. Installation
  3. Demo Content
  4. Recommended Plugins
  5. Add A Logo
  6. Create Navigation Menu(s)
  7. Sliders
  8. Creating a Gallery Post
  9. Creating a Video Post
  10. Widgets
  11. Unlimited Sidebars
  12. Customize Your Website
  13. WooCommerce
  14. UberMenu
  15. RTL Compatibility
  16. Updating Your Theme
  17. Need Support?

Addison

Responsive Multipurpose WordPress Theme


Thank you for your interest in our themes! For those of you that have purchased one of our themes, you are entitled to free customer support via our online Support Forums. On the other hand, if you have questions about our themes prior to purchase, just leave a comment over at Themeforest and we'll respond as soon as we can.

Still here? Ok, use the options in the sidebar to navigate this page. If at any point you become confused and need further assistance, head over to the Support Forum and explain your issue.

Ok, let's get started...

Installation


Before you can install the theme, you'll need to have WordPress (version 3.5+) running on your server. Many webhosting providers offer relatively easy ways to install WordPress (call or email your webhosting provider for specific instructions), or you can follow the WordPress Famous 5-Minute Install instructions. Need some help? Select a Microlancer developer to install and set-up your theme quickly and affordably. If you're still looking for a webhosting provider, we recommend one of these options.

If you're okay to move along - meaning you installed WordPress - you're probably ready to install our theme. To do so, follow these instructions:

  1. Log in to your WordPress installation using the username and password you created when first installing WordPress.
  2. Once logged in, go to Appearance  >  Themes.
  3. Click on the Install Themes tab at the top of the page
  4. Under that tab, click on Upload
  5. Next, you'll need to click the file input field and find the appropriate file to upload. The easiest way to do this is to use the Installable WordPress file only option when downloading the theme from the Themeforest downloads page.
    Example:


    Alternatively, if you do not have access to Themeforest at the moment and have already downloaded the All files & documentation option, you'll need to find the zipped (compressed) folder named Addison.zip - which will be inside of the file/folder that you downloaded from Themeforest when you purchased the theme.   Note: if using this option, DO NOT upload the entire file that you downloaded from Themeforest. Within that file, you will find the file/folder that we're looking for. Reminder: the file is named Addison (.zip extension)

Getting Started With Demo Content


Although not required, many of you may choose to initially set up your site in a way that mimics our demo. Again, this isn't a requirement, but it can help users understand how our theme works by exposing how we created each page, post, and menu within our demo. To install our demo content, follow the instructions below…

Important Note: Before getting started, please be aware that many of the images from our online demo cannot be downloaded/transferred due to copyright restrictions. Each post within our demo has an attribution link so that copyrighted images can be easily found.

Basic Setup:  When you download all of the Addison files from Themeforest, within the “zipped” file, there should will be a folder named “demo content”. Within that folder is an XML file that contains the content from our demo site in a format that WordPress can interpret. To upload it, do the following:

  1. Log into your site as an administrator.
  2. Make sure you activated the Addison theme before proceeding.
  3. Go to Tools → Import
  4. Choose “WordPress” from the list.
    1. If running the importer for the first time, you will be prompted to download a plugin.
    2. After the plugin has finished installing, click “Activate and Run Installer”
  5. Upload the demo content (.xml file) using the form provided on that page.
  6. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  7. You will then have the choice to import attachments, so click on the “Download and import file attachments” box. Note: many of the images in our demo will not transfer over due to copyright restrictions.
  8. Please be patient while WordPress imports all the content. Posts, Pages, Portfolio items, Menus, etc are imported. You will need assign the menu a theme location & you'll need to configure widgets. This is a limitation of WordPress' import system.

Menus:  Next, you'll want to make sure that WordPress has properly imported the navigation menus from our demo. Typically, WordPress will import the menus, but neglect to properly save menus to their appropriate locations. Make sure the demo menus are properly arranged by doing the following:

  1. While logged into the admin section of WordPress, go to Appearance → Menus
  2. Click on the “Manage Locations” tab
  3. On this page, select the following options:
  4. Click the “Save Changes” button

Homepage:  At this point, if you haven't done so already, you will need to make sure that your homepage is set to display a “static” page. To do so, follow these instructions:

  1. From the Admin section of WordPress, go to Settings > Reading
  2. For the “Front page displays” setting, select “A static page”
  3. Underneath that, select the following:
    • For “Front page”, select “Home” from the dropdown list
    • For “Posts page”, select “Blog”
  4. Be sure to save those changes

Revolution Slider (optional):  Lastly, if you plan on using the Revolution Slider plugin, you can also import the revsliders that we use in our demo (the Revolution Slider has it's own importing mechanism). You can download our revsliders from below:

  1. addison-wide-revslider.zip
  2. addison-boxed-revslider.zip

Create Navigation Menu(s)


"Menus" are how your website visitors navigate your website. The Addison theme supports three menu locations: two in the Header (the main menu and - if using the Standard Top Layout - the small menu in the top right) and one in the Footer (at the bottom of the website). To create the appropriate menu(s), follow these instructions:

  1. After creating a few pages, go to Appearance  >  Menus
  2. Click the plus tab to create a new menu (top, middle).
  3. Under that tab, give the menu a name (eg. "Main menu")
  4. Add pages to that menu by checking/ticking the boxes next to the pages you want under the Pages sub-section. You can do the same for categories. You can also add custom links as well (for example: you may want to link to a page that is not part of your website, or a particular blog post).
  5. Click Save Changes.
  6. Next, under the Theme Locations sub-section, choose where your new menu should appear. Remember, this theme supports two locations: Header and Footer.
  7. Be sure to click Save Changes again.

Adding Sliders to pages


The Addison theme comes with the ability to add a slider to any page. There are multiple ways to make sliders, which we'll cover below:

Carousel & Flexsliders:

  1. Create a new page or edit an existing one
  2. Scroll down to beneath the text editor and look for Slider Settings within the General Settings container.
    Example:
  3. For Slider Type, select “Carousel Slider” or “Flexslider”.
  4. For Carousel & Flexslider: Slider Category...
    1. Option A: Select “Recent Blog Posts” or “Recent Portfolio Posts” to show recent blog or portfolio posts.
    2. Option B: Select from one of the “slider” categories that you have created using the “Slider” post type.
      Hint: In the WordPress Navigation bar, look for “Sliders”. Use this area to manually create slides and slider categories.
  5. For Carousel & Flexslider: Text Alignment, select “left”, “center”, or “right”
  6. For Carousel & Flexslider: Slider Height, add your desired slider height in pixels. Default: 400
  7. For Slider Width, select “Fullwidth” or “Content Width”
  8. Click Publish or Save Changes and you're done!

Revolution Slider:

  1. Create a new page or edit an existing one
  2. Scroll down to beneath the text editor and look for Slider Settings within the General Settings container.
  3. For Slider Type, select “Revolution Slider”.
    Note: You will need to install the pre-packaged Revolution Slider plugin if you haven't already done so.
  4. For Revolution Slider: Select a slider, select one of the slider options that you have created using the Revolution Slider plugin.
  5. For Slider Width, select “Fullwidth” or “Content Width”
  6. Click Publish or Save Changes and you're done!

 

Creating A Gallery Post


For times when an individual photo simply won't suffice, you have the option of adding a “gallery”. A gallery is simply a type of “post format” that allows you to add additional photos to represent your post. Do the following to create a gallery:

  1. Go to Posts  >  Add new (or edit an existing post).
  2. In the right column, look for a sub-section labeled Formats. Within that section, select Gallery from the available options.
  3. Scroll down to beneath the text editor and look for Gallery Settings within the General Settings container.
  4. You have the option of adding up to 10 gallery images to a post. Add them here.
  5. Click Publish or Save Changes and you're done!

Note: In most cases, Gallery images will be presented instead of the Featured Post Image. However, it's still a good idea to add a Featured Post Image, for the rare moments when the Gallery is not displayed (eg. some mobile devices).

Creating A Video Post


Creating a video post is fairly similar to creating a gallery post. To create a video post:

  1. Go to Posts  >  Add new (or edit an existing post).
  2. In the right column, look for a sub-section labeled Formats. Within that section, select Video from the available options.
  3. Scroll down to beneath the text editor and look for Video Settings within the General Settings container.
  4. Paste a URL/ID from either Vimeo or Youtube in the appropriate field. Alternatively, you can upload a video to your server.
  5. Click Publish or Save Changes and you're done!

Note: Self-hosted videos currently will not appear in sliders.

Widgets


On some pages, you'll want to enable a sidebar to house "widgets". If you don't know what widgets are, widgets are customizable blocks that add content and features to your website's sidebar(s). For example: a "Twitter" widget may show your latest tweets. An "ad space" widget will allow you to show ads on your website. The Addison theme comes with several preset sidebars. To start adding widgets, do the following:

  1. On the widgets page (go to Appearance  >  Widgets) toggle open the sidebars you want to fill.
  2. From the list of available widgets, drag and drop the appropriate widget to the sidebar that you intend to customize.

Note: Many widgets will require options to be filled before they can function correctly.

Unlimited Sidebars


You may find that you need more flexibility with regard to the types of widgets/sidebars you display on various pages or posts. For example, you may need to add a completely different set of widgets to the sidebar for one post, and then a different set of widgets for another post. The Addison theme comes with a Sidebar Manager, providing the flexibility you need.

To get started with Unlimited Sidebars, do the following:

  1. Go to Appearance › Sidebar Manager and create as many additional sidebars as necessary.
  2. On the Widgets page, add the necessary widgets to the appropriate sidebars – choosing from the list of available widgets, drag and drop the appropriate widget to the sidebar that you intend to customize.
  3. Finally, when editing a post or page, in the right-hand column you should see a “Sidebar” module. Select from all of the available sidebars.
  4. Click Publish or Save Changes and you're done!

Note: If no sidebar is selected from the “Sidebars” module, or if the selected sidebar no longer exists, the Addison theme will default to one of the “Primary Sidebar” that is the default for each page/post. You can also choose to hide the sidebar on pages or posts by using the “General Settings” under the editor.

Customize Your Website


At this point, you may want to make your website truly unique by changing the fonts, colors, backgrounds, layouts, etc. There are a lot of customization options available, feel free to go crazy. If you go too crazy, you can always reset the default options/style by going to Appearance  >  Theme Options  >  Backup Options, and click on the Reset button. Here are a few commonly updated options to get you started: (all of these options can be found by going to Appearance  >  Theme Options)

  1. Fullwidth vs Boxed Layout - by default the Addison theme is designed to have a "fullwidth" layout. Feel free to change this by clicking on the General Options tab.
  2. Color Scheme - The Addison theme comes with several pre-set color schemes. Choose from one of those or create your own by going to Appearance  >  Theme Options  >  Colors
  3. Centered Logo - Choose between standard and centered logo and main navigation layout by going to Appearance  >  Theme Options  >  Header Options and looking for Top Layout (logo and main navigation)

Play around with different layouts and options, then move on to "styling". If you create a nice look but you still want to try other options, go to Appearance  >  Theme Options  >  Backup Options,  and save a backup of your current settings. You can restore them at a later date! Note: As of now, you can only save one backup at a time.

Have fun!

Working With WooCommerce


Need to sell products? The Addison theme comes with full support for the excellent WooCommerce plugin.

To get started with WooCommerce, we recommend heading over to the WooCommerce “Getting Started” page for detailed instructions.

Tips:

The Lightbox that is used in our online demo is different from the default. To enable our Lightbox, simply do the following:

  1. From the Admin section of your WordPress installation, go to WooCommerce > Settings
  2. Under Styles and Scripts, uncheck “Enable Lightbox”
  3. Save changes

To show the shopping cart icon (that reveals a mini shopping cart when clicked) in the main navigation, do the following:

  1. From the Admin section of your WordPress installation, go to Appearance > Theme Options > Header Options
  2. Find “Show Shop Icon in Main Navigation” and toggle the setting to On
  3. Save all changes

Working With UberMenu


Updated: Beginning with version 1.3, the Addison theme fully supports the popular UberMenu plugin (version 3.x). To help you integrate the plugin successfully, we recommend the following UberMenu Plugin settings:

Note: all of these are under the “Main UberMenu Configuration” tab.

Integration

Basic Configuration

Responsive & Mobile

Note: When activating the UberMenu plugin for the first time, your menu location preferences may be reset. Simply set them again by going to Appearance › Menus › Manage Locations.

Additionally, the UberMenu plugin will likely activate itself for every submenu in your chosen Uber menu. It's best to reset those as well for any submenu that doesn't need Uber menu styling/features. To do this, go to Appearance › Menus, edit your chosen Uber menu, click the “Uber” button for any “top-level” menu item, then under the “Submenu” tab, select “Flyout Submenu”

 

RTL Compatibility beta


The Addison theme comes with RTL support! If you require RTL compaibility, be sure to do the following:

  1. While logged in to your website, go to Appearance > Theme Options > General Settings
  2. Look for the Enable RTL mode option, and turn it on.
    Example:

That's it! Please keep in mind that prefect RTL compatibility is a bit tricky — if you find errors please let us know in our support forums.

Updating Your Theme


As mentioned in the Recommended Plugins section of this documentation, We highly recommend using the Envato WordPress Toolkit plugin for easy updating. To get started, do the following:

  1. Download the Envato WordPress Toolkit plugin
  2. Install the plugin (While in the admin area of WordPress, go to Plugins > Add New > Upload)
  3. Activate the plugin
  4. Click Envato Toolkit in the left column
  5. Enter your Envato/Themeforest username and API key (which you can find by going to Settings > API Keys on Themeforest)

Once you do that, you should be able to see any available updates for the Addison theme — you'll also be given the option to Update automatically, which means you won't have to download any files to your computer :)

Requesting Support


If you run into trouble at any point, or simply have a question or suggestion, feel free to post in our forums. Our support forums are provided freely to any purchasing customers.

To post in our forums, you'll need to create an account if you haven't already.

  1. Go to our forums: http://support.themestockyard.com
  2. Click Register in the top right corner of the page
  3. On the following page, you'll need to enter your Themeforest username and purchase code. You can find your purchase code by doing the following:
    1. Go to themeforest.net/downloads (you'll need to be logged in)
    2. Download your license certificate and purchase code by clicking the Download Button, and then the corresponding option.
      Example:
    3. Open up the text file that is downloaded, and copy the code that appears after the phrase “Item Puchase Code:”.
  4. Click Verify and your account will be created.

To post a new topic, follow these directions:

  1. Go to our forums: http://support.themestockyard.com
  2. Click on Addison in the right column.
  3. Ask a question by using the form at the bottom of the page. Note: Some users have stated that Internet Explorer does not properly show the form. Try Chrome or Firefox if possible.

Note: It's always a good idea to browse/search and see if your question hasn't already been answered.