General Setup

Installation

To install the Block 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: 480 x 480px
  • Block Featured Large: 2400 x 1800px
  • Block Featured Medium: 1200 x 800px
  • Block Featured Small: 640 x 640px
  • Block 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
Columns
Headings
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 in the lower left corner. 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.

Blog Options

The theme provides options for selecting specific post categories for display on your blog. To change the blog categories, navigate to Appearance > Customize > Theme Options > Blog 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 and Site Tagline.

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.

Misc Settings

WooCommerce

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