General Setup

Installation

To install the Music 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: download your theme and sign into your WordPress dashboard (e.g., yourdomain.com/wp-admin). Navigate to Appearance > Themes > Add New > Upload, and select your zipped theme folder, click “Install Now”. 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.

Theme License

A theme license is what allows you to have access to ongoing theme updates. By applying the theme license, you will see automatic notifications for all future theme updates in the Appearance > Themes section of the dashboard – this makes updating the theme very easy! If you have not yet applied a license key to your site, please do so by logging into your www.organicthemes.com account and navigate to the Account > Licenses page in order to retreive the theme license. Copy the license key and apply it within the WordPress dashboard section under Appearance > Theme License. Paste the license key in the license field, and click the “Save Changes” and then “Activate License” buttons.

Plugins

The Music Theme requires the Organic Custom Content plugin to display the Tour Dates feature.

The contact form in our demo is powered by Gravity Forms, an excellent premium WordPress contact form plugin. There are also may free alternatives, such as ‘Contact Form 7’ and ‘Jetpack Forms’. Our themes are compatible with most form plugins.

If you want to make use of the shop portion of the theme you will need to install WooCommerce. Please see WooCommerce documentation for help with using WooCommerce: http://docs.woothemes.com/documentation/plugins/woocommerce/

Demo Content (Optional)

Demo content can be installed using the One Click Demo Import plugin. Upon activating the theme, you will be recommended to install the plugin. Follow these steps to install the demo content:
  1. Install and activate the One Click Demo Import plugin.
  2. Make sure all required plugins are active.
  3. Navigate to Appearance > Import Demo Data within the WordPress admin.
  4. Click the blue “Import” button for the Default Demo Import.
  5. Wait for the import to complete. It may take a few minutes.
  6. Begin editing.

Note: All content, widgets and Customizer options will be imported from the theme demo. Importing demo data will add to any existing content you have already created. Deleting the demo content must be done manually.

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):

Featured Image Large: 2400x1800px
Featured Image Medium: 1200x800px
Featured Image Small: 640x640px
Album Featured Image: 1800x1800px

Main Menu

You can setup and manage your main menu under Appearance > Menus, in your WordPress dashboard. Please see our “WordPress Custom Menu” tutorial for detailed instructions on how to setup a main menu to display on your site.

Social Menu

You can setup and manage your social menu under Appearance > Menus, in your WordPress dashboard. Please see the “Social Menu” section in our “WordPress Custom Menu” tutorial for detailed instructions on how to setup a main menu on your site.

Logo

You can add a logo to your site within the customizer’s “Site Identity” tab. Here, you can also set your Site Title, Tagline, and additional title settings, such as font and display options. Before uploading your logo image, we recommend saving the image as a PNG file, and using around 400 x 400 pixels as a general guideline for image size.

Widgets

The Music Theme includes a few different widget area options. Widgets can be added within the Appearance > Widget section of the dashboard. Simply drag and drop widgets from the left side into the respective widget area tabs on the right. The following widget areas are included with the Music Theme:

  • Default Sidebar – displays widgets in a right sidebar on pages with the “Default” page template applied.
  • Footer – displays a section of widgets just above the actual footer (between page content and footer).
  • Blog Sidebar – displays widgets within a right sidebar on only the blog page.

Note: The only exception to adding widgets within the Appearance > Widgets area is the Organic Builder Widgets. Organic Builder widgets should be added within the customizer only, and not the “Widgets” area within the dashboard. Adding widgets in the improper location may cause functional errors within the widgets.

Homepage Setup

Settings

The Music Theme demo homepage uses “A Static Page” setting, within the WordPress dashboard’s Settings > Reading tab. See our ‘Reading Settings‘ tutorial for more information.

Within “Your Homepage Displays” under Settings > Reading in the dashboard, select your Homepage from the dropdown to designate it as the front page. Also, select your Posts Page from the dropdown menu to designate it as the blog page (see the News page of the Music Theme demo for an example of a blog page).

Header Media

Select a header image or video within Appearance > Header (or Appearance > Customize > Header Media). See example on the demo homepage.

To add a header video, you’ll need to copy and paste a YouTube or Vimeo URL in the designated field within the Header Media section in the customizer. It is still a good idea to also apply a header image, which will display as a backup during load time.

Featured Content

You can display a text excerpt as featured content overlaying the header, as seen in the demo’s homepage example. The text seen here is the page title (of “Front” page with Home template applied), and text added within the Excerpt field in that page.

Tour Dates

To display tour dates on the homepage as seen in our demo, you’ll need to first install the free Organic Custom Content plugin. The homepage tour dates feature displays a maximum of 4 tour dates on the homepage. To add new tour dates, go to the Tour Dates tab within the dashboard, and select “Add New Date”.

Note: Due to popular demand, past tour dates will still continue to display until otherwise removed. Past tour dates will not automatically be removed, so the posts will need to be removed manually.

Page Templates

Tour Dates

This template will display a collection of tour dates, added within the Tour Dates section within the dashboard (see example in demo). The Organic Custom Content plugin is necessary to create tour dates. Due to popular demand, past tour dates will still continue to display until otherwise removed. Past tour dates will not automatically be removed, so the posts will need to be removed manually.

Full Width

This template allows you to display page content or text body at full width – a great layout for any biography page! See an example here.

Portfolio

This template allows you to create a collection of posts. This is a great choice for an “Albums” or “Band Members” page. You can view an example here in our demo. The Portfolio page template displays posts in either one of two ways:

  • Using the Portfolio “Projects” custom post type, provided by the Jetpack plugin (although the Jetpack plugin is not necessary to use the Portfolio page template). If using this Jetpack custom post type, these “Projects” posts will automatically display within your Portfolio page.
  • Using a selected post category within Customize > Theme Options > Page Template Options. If you’re not using Jetpack custom post types, you will have the option to select a post category to display within the “Portfolio Template Category” dropdown menu here.

Testimonials

This template allows you to create a collection of posts, or “testimonials”. This could also be a great way to display band members on a single page. You can view an example of this template here in our demo. The Testimonials page template displays posts in either one of two ways:

  • Using the “Testimonials” custom post type, provided by the Jetpack plugin (although the Jetpack plugin is not necessary to use the Testimonials page template). If using this Jetpack custom post type, these “Projects” posts will automatically display within your Testimonials page.
  • Using a selected post category within Customize > Theme Options > Page Template Options. If you’re not using Jetpack custom post types, you will have the option to select a post category to display within the “Testimonials Template Category” dropdown menu here.

Slideshow

An image slideshow can be added to the top of a page using the Slideshow page template. See an example here.
If using the classic editor: Within the page editor, add a gallery by selecting Add Media > Create Gallery. Select your images, then click the blue “Create A New Gallery” button.

This example displays how to add a slideshow gallery using the classic WordPress editor.

If using the Gutenberg editor: You will need to add the slideshow gallery by using the Shortcodes block, and listing the image ID numbers within the shortcode. You can find the image number by selecting “Media” in the dashboard, then clicking on an image. The number displayed within the URL at the top is the image number. The following Codex page explains the Gallery Shortcode in greater detail: https://codex.wordpress.org/Gallery_Shortcode. It should look like this:

This is an example of a Gallery Shortcode within a Shortcode block, using the Gutenberg editor.