General Setup

Installation

To install the Horizon Theme you must first have a working WordPress(.org) installation. For information on installing WordPress, please see Installing WordPress, from the WordPress Codex. Once WordPress has been setup in your hosting environment, you can install your theme one of two ways:

FTP upload: download and un-zip your theme folder, and using the FTP program of your choice upload the theme folder to the ‘../wp-content/themes/’ folder on your server.

WordPress dashboard:

  1. Download the theme from your account.
  2. Sign into your WordPress dashboard (e.g., yourdomain.com/wp-admin).
  3. Navigate to Appearance > Themes > Add New > Upload, and select your zipped theme folder.
  4. Click “Install Now”.
  5. Once the theme is uploaded you will need to activate it, either with the provided link or under Appearance > Themes.

Note: If you use Safari as your primary browser you may find that your theme folder is not zipped after downloading it. You will need to re-compress your theme folder before initiating the second installation process.

Plugins

The Organic Customizer Widgets plugin may be used to create various content sections on any page with the “Organic Custom” page template applied. Instructions for using the plugin can be found here.

Note: The contact form is powered by Gravity Forms, an excellent premium WordPress contact form plugin (free alternatives include ‘Contact Form 7’ and ‘Jetpack Forms’). If you want to make use of the shop portion of the theme you will need to install WooCommerce.

Demo Content (Optional)

You can install the theme demo content to be used as a guide with the .xml file available for download below. Please refer to the following tutorial for instructions on installing your demo content: Installing Demo Content

Download Demo Content

Image Dimensions

Theme defined image dimensions are as follows (these can be found in the ‘Theme Setup’ function at the top of your functions.php file):

Logo: 400 x 240px

Horizon Featured Large: 2400 x 2400px
Horizon Featured Medium: 1800 x 1800px
Horizon Featured Small: 640 x 640px
Horizon Featured Square: 1200 x 1200px

Shortcodes

The theme utilizes shortcodes from the Organic Shortcodes plugin. Please refer to the following links for examples.

Accordion
Alert boxes
Bar Ratings
Buttons
Icons
Modal Box
Tabs
Toggles

Custom Menus

You can setup and manage your menu under Appearance > Menus, in your WordPress dashboard. The theme utilizes 2 custom menus; a Main Menu, and Social Menu for displaying social media icons. See the Codex for an explanation of the custom menu system (Note: this tutorial is for WordPress.com, but the process is the same).

Theme Options

Theme Options

All options for the theme are located within the WordPress Customizer. Navigate to Appearance > Customize to setup the options for your theme.

The Customizer options for the Horizon Theme.

Page Template Options

The theme provides options for selecting specific post categories for display on your Blog, Testimonials and Portfolio page templates. To change the page template options, navigate to Appearance > Customize > Theme Options > Page Template Options within the WordPress admin.

Font Pairings

The theme provides options for selecting from hand-picked font pairings. To change the fonts, navigate to Appearance > Customize > Theme Options > Fonts within the WordPress admin.

Additional Theme Options

In addition, the theme provides the following options within the WordPress Customizer:

Logo Resizer: Within the Appearance > Customize > Site Identity options, the theme features the option to upload and scale a logo image to the size of your liking.

Title Font: Within the Appearance > Customize > Site Identity options, the theme features the option to change the Site Title font from a list of hand-picked Google Fonts.

Site Identity: Additionally, within the Appearance > Customize > Site Identity options, you may choose to toggle the display of your Site Title, Site Tagline and Search Field.

Colors: Within the Appearance > Customize > Colors options, you can optionally choose different colors for the menu background, header background, and various link colors.

Footer: Within the Appearance > Customize > Footer options, you can optionally change the footer credit for your website.

Page Template Setup

Page Templates

Please see our ‘Quick Start Guide’ for setting up the theme’s various page templates.

Portfolio

The theme contains a Portfolio page template that uses Jetpack custom post types to display projects. Alternatively, if you do not have Jetpack installed, you may select a post category for the portfolio under Appearance > Customize > Theme Options > Page Template Options. You may choose the column layouts for the Portfolio page template under Appearance > Customize > Theme Options > Layout.

Testimonials

The theme contains a Testimonials page template that uses Jetpack custom post types to display testimonials. Alternatively, if you do not have Jetpack installed, you may select a post category for the testimonials under Appearance > Customize > Theme Options > Page Template Options.

Misc Settings

WooCommerce

Please see WooCommerce documentation for help with using WooCommerce: http://docs.woothemes.com/documentation/plugins/woocommerce/