SOUNDBOARD

Premium Music WordPress Theme
by red_sun (Gerda Gimpl)

Hi there...
thank you for purchasing Soundboard, a premium music WordPress theme!

In this document you will find detailed information on how to use this theme.

You can always find the most up to date version of this document in the Theme Options panel, right top corner.


If you have any questions

If you don't find the answers for your questions in this help file, please send me a message via my user page contact form (this is the only way I can verify legitimate customers).

I will do my best to assist with questions directly related to the theme set up, however please note that theme support is completely voluntary for ThemeForest authors and we do it as appreciation to our customers. Therefore before you contact me, please consider finding an answer to your question in:

If you like "SOUNDBOARD" and want to support my work please rate it on Themeforest!

Thank you!

JW Player + Installation

How to integrate JW Player into the theme (optional)

If you would like to post self-hosted video and audio files you can do this by integrating JW Player into your theme. JW player is free for personal use. For commercial use please use JW Player Pro, this will also remove the JW Player logo from the player.

Using JW Player 5

  • Download the free non-commercial JW Player (v.5.10) from here
  • Unzip the downloaded file and copy the following files into the folder jwplayer in your Theme:
    • jwplayer.js
    • player.swf
  • Upload your theme following the instructions in section Installation of SOUNDBOARD below.
  • Now head over to the Theme Options Panel and in the tab GENERAL check the Activate JW Player checkbox, select JW Player version 5 from the dropdown list and click Save Options.

Using JW Player 6

  • Download JW Player or JW Player Pro from http://www.longtailvideo.com/players/
  • Unzip the downloaded file and copy the following files into the folder jwplayer in your Theme:
    • jwplayer.js
    • jwplayer.html5.js
    • jwplayer.flash.swf
  • Upload your theme following the instructions in section Installation of SOUNDBOARD below.
  • Now head over to the Theme Options Panel and in the tab GENERAL check the Activate JW Player checkbox, select JW Player version 6 from the dropdown list and click Save Options.
  • Troubleshooting tips for JW Player 6 you can find here

Installation of SOUNDBOARD

Please make sure that you are using the latest version of Wordpress (at least Version 3.0) before you install "SOUNDBOARD".

Information on how to install Wordpress you can find here .

There are 2 ways to upload the theme. You can either choose to

upload SOUNDBOARD to your server via ftp

  • Unpack the Theme's zip file you have downloaded.
  • Upload the /soundboard folder (NOT: "Soundboard Files" folder (including dummy content, license, psd files, readme ...)!) to the /wp-content/themes directory in your WordPress installaion on your server.
  • Login to your WordPress admin.
  • Click Appearance >Themes
  • Look for the SOUNDBOARD theme and click Activate.

OR upload SOUNDBOARD via the wordpress upload function.

  • Login to your WordPress admin
  • Click Appearance >Themes and go to Install Themes.
  • Click Upload, browse your files and find SOUNDBOARD.zip (Make sure you are not uploading the whole zip file that you've downloaded from Themeforest (including dummy content, license, psd files, readme ...) but only the soundboard.zip file).
  • Click Install Now
  • After SOUNDBOARD is uploaded, click Appearance >Themes
  • Look for the SOUNDBOARD theme and click Activate.

Install dummy content

  • Click Tools > Import
  • Click on WordPress
  • Install the Importer by clicking "Install Now" and then "Activate Plugin & Run Importer"
  • Upload the xml file called "Soundboard dummy content (date).xml", that you can find in the folder "dummy content".
  • Now assign your posts to an existing user, check the "Download and import file attachments" checkbox and click "Submit".

The Theme Options Panel

Once the theme is installed, a new menu page called "Theme Options" will appear on the bottom left of your WordPress administration area.

The Theme Options Panel is divided into the following sections:

GENERAL - Configure the general setup of your theme. Here you can
- activate JW Player,
- upload a logo, login logo, favicon and a gravatar,
- add custom CSS, a 404 error message and a google analytics code,
- show/hide author info, tags, the Past Tour Dates section, the Login section and
- choose to display the SoundCloud and JW Player right on the Audio page instead of in a lightbox.

STYLE - Choose light and dark skin, set a background image or color, add box shadow.

HOME - Setup the homepage.

TYPOGRAPHIE - Select your favorite font or upload one of hundreds of Google Web fonts. This applies to Headings, Button Text and the Navigation.

COLOR - Set the theme color.

SLIDER - Set up your slider.

SOCIAL - Enter your info for your social network accounts to display them in the footer.

CONTACT - Enter the settings for your Contact Form.

Menu

This is how you create your Menu:

  • Click Appearance > MENUS

  • Click create a new menu .


  • Enter a name for your menu and click Create Menu.


  • In Menu Settings select "SOUNDBOARD Main Menu" and click Save Menu.


  • Select menu items from the left column and click "Add to Menu".

Pages

Custom Page Templates

The theme comes with the following custom Page Templates:

  • Default Template - A two column page (content and sidebar).
  • Fullwidth Template - A page without the right sidebar
  • Tour dates Template - A page to display upcoming and (optionally) past tour dates.
  • Gallery Template - A page to display an image gallery.
  • Audio Template - A page to display the discography, including album tracks, album info, buying options and an audio player.
  • Video Template- A page that displays your videos. The videos will open up in a lightbox.
  • Contact Template - A page very similar to the Default Template but additionally containing a contact form.

How to use a template:

  • Click Pages > Add New.
  • Look for Page Attributes on the right side and click on the "Template" drop-down menu.
  • Choose a page template.
  • Click the Publish button above.
  • Now you can add your new page to your Menu.

Setting up the Homepage

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Home" template.
  3. You can give this page a title, eg. "Home". You don't have to include any content. If you enter some content, it will be displayed in the center section of the homepage, above the news section.
  4. Click Publish.
  5. Now you cn add the new page to your menu.
  6. Now click Settings > Reading and select Front page displays a static page. Select the page you just created as your Front page and click Save Changes.
  7. The Homepage displays posts in the center and has a left and a right sidebar, in which you can drag and drop widgets. Simply go to Appearance > Widgets and add any widgets to "sidebar home left" and "sidebar home right".

Adding a slideshow to the homepage

  1. Click Slider > Add Slider
  2. Enter a title for your slider so you can choose it later in the Theme Options Panel.
  3. Upload images. Image must be 940x360px. Drag and drop images to reorder them. To enter an URL where the image should link to, click Edit and enter the full URL under SLIDER Image Links To. To display a caption over the slider image,click Edit and enter the text under SLIDER Caption.
  4. Click Publish
  5. Now in the Theme Options Panel click Slider and check Show Slider on Homepage
  6. Select a slider from the dropdown list.
  7. slider
  8. Click Save Options

NOTE!: The Slider will only display on the page that is using the "Home" template. Please make sure you are following all the instructions in the documentation under "Setting up the Homepage" (especially step 6!)

Setting up the News Page

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Default Template".
  3. You can give this page a title, eg. "News". You don't have to include any content.
  4. Click Publish.
  5. Now you can add the new page to your menu .
  6. Now click Settings > Reading and select Front page displays a static page. Select the page you just created as your Posts page and click Save Changes.

Setting up the Tour Dates Page

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Tour Dates" template.
  3. You can give this page a title, eg. "Tour Dates". You don't have to include any content.
  4. Clicak Publish.
  5. Now you can add the new page to your menu.
  6. Click Tourdates > Add Date
  7. slider
  8. Enter title, date, time, city, venue, Ticket URL
  9. You can enter more detailed info, images, flyer, videos etc. into the "more info" field.
  10. Click Publish
  11. Repeat step 6. - 8. for each date.
  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Gallery" template.
  3. You can give this page a title, eg. "Images". You don't have to include any content.
  4. Click Publish.
  5. Now you can add the new page to your menu.
  6. Click Gallery > Add Gallery
  7. Enter a Title
  8. Click Set featured image. Select or upload a file and again, click Set featured image.
  9. Click Publish
  10. Now upload your images. Drag and drop images to reorder them.
  11. If you would like to display a caption in the prettyPhoto lightbox, click Edit and enter the text in the field Caption.
  12. Click Update. Done!

NOTE!: If you are getting the 404 Error when clicking on a gallery item on the gallery page or in the gallery widget: Simply go to Settings > Permalinks and click "Save Changes".

Setting up the Audio Page

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Audio" template.
  3. You can give this page a title, eg. "Audio", "Albums" or "Discography". You don't have to include any content.
  4. Click Publish.
  5. Now you can add the new page to your menu.
  6. Click Audio > Add Album
  7. Enter a Title
  8. Click Set featured image and upload the Album Artwork from your Computer. Again, click Set featured image.
  9. Now you can enter the Release Date, Additional Album Info, Buy / Download Links and Songtitles.
  10. To enter the song lyrics into the Additional Info field like on the demo website, you would do it like so:
  11.                                              
    <h5> LYRICS </h5>
    [toggle title="Song Title"] 
    line 1 </br>
    line 2 </br>
    line 3 </br>
    line 4 </br>
    </br>
    line 5 </br>
    line 6 </br>
    line 7 </br>
    line 8 </br>
    [/toggle]    
    
    
  12. If you would like to display a Soundloud icon,

    which links to a SoundCloud player in a lightbox, simply enter the SoundCloud embed code in the field SOUNDCLOUD PLAYER > Paste Embed Code .




  13. If you would like to display a Play icon which links to an Audio player with self hosted audio files, check the "Display Audio Player?" checkbox and choose music files from your Computer. They will start uploading once you hit the Publish / Update button above. If you upload many songtitles at once, this might take a while. I do recommend to upload files one at a time. Also please make sure you are not using files that exceed the maximum allowed upload file size!
  14. Find out here about Supported Video and Audio Formats.
  15. Now click Publish!

INFO: If you would like to reorder already uploaded albums, simply change the publishing date.

NOTE!: If you are getting the 404 Error when clicking on an album item on the album page or in the album widget: Simply go to Settings > Permalinks and click "Save Changes".

Setting up the Video Page

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Video" template.
  3. You can give this page a title, eg. "Video". You don't have to include any content.
  4. Click Publish.
  5. Now you can add the new page to your menu.
  6. Click Video > Add Video.
  7. Enter a Title
  8. YouTube image previews will display automatically if no Featured image is set (link needs to look like this to work properly: http://youtu.be/4PkcfQtibmU ).
    If you would like to display a different image preview or are posting a Vimeo or self hosted video, you can set the preview image as follows:
    Click Set featured image and upload a Poster image from your Computer. (I usually pause the video at a point where i like the image, make a screenshot and use that image as poster image.) And then again, click Set featured image.
  9. To use a Youtube or Vimeo video:
    Enter the URL for the video in the field: "Youtube or Vimeo video". It should look like this: http://vimeo.com/31956969 or http://youtu.be/4PkcfQtibmU
  10. To upload a self hosted video (requires JW player!):
    Upload a video either via FTP or via the Media Library and then enter the URL for the video in the field: "Selfhosted Video".


    Find out here about Supported Video and Audio Formats.
  11. If your self hosted video doesn't display properly, check out the JW Player Troubleshooting Guide
  12. Now click Publish

INFO: If you would like to reorder already uploaded videos, simply change the publishing date.

Setting up the Contact Page

  1. Click Pages > Add New.
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Contact" template.
  3. You can give this page a title, eg. "Contact". The contact form will automatically insert below any page content.
  4. Click Publish.
  5. Now you can add the new page to your menu.
  6. In the Theme Options Panel go to Contact settings.
  7. Fill in your email address and the subject.

Setting up the Shop (WooCommerce) Page

  1. The shop page as displayed in the Soundboard Demo requires the Woocommerce plugin. More info on how to install a plugin you can find here. Install the plugin to your WordPress site and follow the instructions and adjust the settings.
  2. In WooCommerce > Setting > Catalog > Image Options enter the following dimensions to make sure that images don't look blurry:
  3. In order to display the pages as in the Soundboard Demo shop page, use the "fullwidth" template for the following pages: cart, checkout, checkout > pay, order received, my account, change password, edit my address, view order, track your order. And the default template for all other pages.
  4. Head over to the Theme Options Panel and in the tab GENERAL check the Load WooCommerce stylesheets checkbox.
  5. Now you can add the "shop" (and "cart", "my account",...) page(s) to your menu and add widgets to the "woocommerce" sidebar.

Images

Adding images to posts and pages

  • Create a new post or edit an existing one
  • click on the "Add Media" icon
  • select a file
  • choose an alignment and and image size.
  • If you would like your image to upen up the full image in a "prettyPhoto" Lightbox, make sure your image links to the attachment file (click "Link to" Media File):
  • click Insert into post

Sidebars and Widgets

Sidebars

SOUNBOARD comes with 9 sidebars:

  • sidebar home left
  • sidebar home right
  • main sidebar
  • tour dates sidebar
  • contact sidebar
  • sidebar footer 1
  • sidebar footer 2
  • sidebar footer 3
  • sidebar footer 4
Simply go to Appearance > Widgets to drag and drop any widgets to your sidebars.

Widgets

I added 6 custom widgets to this theme.

  • News Widget Display your latest News Entries.
  • Gallery Widget Display images from your Gallery.
  • Album Widget Display your latest Album.
  • Tourdates Widget Display upcoming tour dates.
  • Video Widget Display your latest videos.
  • Flickr Widget Display pictures from a flickr account.

You find them in Appearance > Widgets.

FOOTER

SOUNDBOARD's footer is fully widgetized, which means your can insert whatever widgets you like in there.

There are 4 different columns in the footer and each of them supports multiple widgets.

  • Go to Appearance > Widgets
  • Drag and drop the desired widgets into the sections "sidebar footer 1", "sidebar footer 2", "sidebar footer 3" and "sidebar footer 4".

If you would like to add links to your social profiles to the footer area, go to the Theme Options Panel and in the tab SOCIAL enter the full URL to your social profiles.

THEME FILES

CSS

The following CSS files are included in the theme:

Style.css (located in: main direction)
Contains: Foundation for the site design. It controls the design structure of the theme. Be careful modifying this file so that you don't break the layout. I recommend making a copy before you edit this file.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

The file is separated into the following sections:


 0. CSS RESET 
 1. MISC 
 2. FONTS / TEXT ELEMENTS 
 3. LAYOUT 
 4. NAVIGATION 
 5. SIDEBAR 
 6. FOOTER 
 7. WIDGETS 
 8. IMAGES 
 9. PAGINATION 
 10. COMMENTS 
 11. FORMS 

960.css (located in: /css)
Contains: Main layout structure, based on the 960 Grid system.

css_options_panel.php (located in: /css)
Contains: Link color, Background image and color, box shadow and fonts as set in Theme Options Panel.

metaboxes.css (located in: /css)
Contains: Style for Meta Boxes

nivoSlider.css (located in: /css)
Contains: Styles for the Homepage slideshow

prettyPhoto.css (located in: /css)
Contains: Styles for the prettyPhoto Lightbox

shortcodes.css (located in: /css)
Contains: Styles for Shortcodes

light.css (located in: /skins/css)
Contains: Color values for light skin

dark.css (located in: /skins/css)
Contains: Color values for dark skin

admin-style.css and colorpicker.css (located in: /includes/admin/css)
Contains: Design structure for the theme options panel. There is probably no need for you to modify this file.

color.css, image.css, plupload-image.css, select.css, style.css, taxonomy.css, wysisyg.css, jquery-ui-timepicker-addon.css, jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.slider.css and jquery.ui.theme.css (located in: /includes/metaboxes/css and /includes/metaboxes/css/jqueryui)
Contains: Design structure for the metaboxes. There is probably no need for you to modify this file.

Java Script

"SOUNDBOARD" loads the following Javascript files:

hoverIntent.js (located in: /js)
Improves the css dropdown menu with animation

jquery-ui-1.8.16.custom.min.js (located in: /js)
jQuery user interface

jquery.validitate.min.js (located in: /js)
Form validation for contact page

mosaic.1.0.1.min.js (located in: /js)
Automatically generates sliding boxes & captions for the Image Gallery, Video Gallery and Albums

nivoSlider.js (located in: /js)
Frontpage slideshow

prettyPhoto.js (located in: /js)
Used to display images and multi-media in a "lightbox" that floats overtop of the current web page.

superfish.js (located in: /js)
Jquery improved dropdown menu

scripts.js (located in: /js)
jQuery functions for superfish, prettyPhoto, Nivo Slider, Contact form, Mosaic sliding boxes, Toggles and Tabs

colorpicker.js , ofmedialibrary-uploader.js ,options-custom.js ,quicktip_script.js and uislider.js (located in: /includes/admin/js)
Used for the Theme Options Panel

clone.js , color.js , date.js , datetime.js , tile.js , image.js , plupload-image.js , slider.js , taxonomy.js , time.js , jquery-ui-timepicker-addon.js , jquery.ui.datepicker.min.js and jquery.ui.slider.min.js (located in: /includes/metaboxes/js and /includes/metaboxes/js/jqueryui)
Used for the custom Meta Boxes

PSD

  • SOUNDBOARD Logo

SHORTCODES

Using shortcodes is very easy. To use one, create a new post (or edit an existing one), and in the the editor type a shortcode in brackets. You can find a demonstration and the code for all included shortcodes on the Shortcodes page.

Self hosted audio file (requires JW Player)

Make sure to not add any space in between the brackets

RIGHT:[audio width="460px"]http://mydomain/my-audio-file.mp3[/audio]

WRONG:[audio width="460px"] http://mydomain/my-audio-file.mp3 [/audio]

Self hosted video file (requires JW Player)

Make sure to not add any space in between the brackets

RIGHT:[video image="http://mydomain/my-preview-image.jpg" width="540px"]http://mydomain/my-video-file.m4a[/video]

WRONG:[video image="http://mydomain/my-preview-image.jpg" width="540px"] http://mydomain/my-video-file.m4a [/video]

Button

[button link="http://www.someURL.com"]Click me![/button]

Button that opens in new window:
[button link="http://www.someURL.com" target="_blank"]Click me![/button]

Button with black background color:
[button link="http://www.someURL.com" color="#000000"]Click me![/button]

Tabs

[tabs]
[tab title="Tab 1"] Tab 1 content [/tab]
[tab title="Tab 2"] Tab 2 content [/tab]
[tab title="Tab 3"] Tab 3 content [/tab]
[/tabs]

Toggle

[toggle title="Toggle title"]
Hidden content
[/toggle]

Dropcaps

[dropcap] First Letter [/dropcap]

Highlight

[highlight1] highlighted text [/highlight1]
[highlight2] highlighted text [/highlight2]

Pullquotes

[pullquote_left] Quote text [/pullquote_left]
[pullquote_right] Quote text [/pullquote_right]

Divider

[divider]

SoundCloud Shortcode

The SoundCloud Shortcode Plugin (in a slightly modified version) is integrated in this theme. You can change the settings for the SoundCloud player under Appearance > SoundCloud.

SoundCloud Example

[soundcloud url="http://api.soundcloud.com/tracks/4220744" params="show_artwork=true&color=000000" iframe="true" /]

Changelog

Version 3.07 - Released: 02/14/2014
  • file: functions.php, folder: woocommerce - Fixed: Make Soundboard ready for WooCommerce version 2.1.0
  • file: options.php, css_options_panel.css, single.php, loop.php, single-audio.php, single-tourdates.php - Added: Option to remove all social share buttons from the site
  • file: options.php, css_options_panel.css - Added: Option to upload your own transparent content/slider/navigation background image.
  • file: options.php, css_options_panel.css - Added: Option to pick footer, social and copyright area background color.
  • file: functions.php, header.php, footer.php - Fixed: code improvements.
  • file: template-video.php, widget-video.php, style.css - Fixed: Display YouTube preview image, no matter which YouTube URL form is used (youtube.com, youtu.be,...).
  • file: options.php, css_options_panel - Added: Option to set main menu font size in Theme Options Panel.
  • file: options.php, slider.php, scripts.js - Added: Option to set slider speed in Theme Options Panel.
  • file: options.php, template-home.php, style.css - Added: Option to display full post instead of excerpt in homepage news section. Option to display "more news" button on homepage.
  • file: shortcodes.php - Fixed: tabs shortcode (display multiple tabs on 1 page), better button shortcode (option to open in new window, option to add color)
  • file: light.css - Fixed: bug fix.
  • file: scripts.php - Fixed: removed prettyphoto deeplinking.
  • file: slider.php, helpers.php - Fixed: Saving order of slider images.
Version 3.06 - Released: 10/08/2013
  • file: single.php, loop.php, single-audio.php - Improved: tweet share button
  • file: widget-images.php, functions.php - Added: widget that displays latest images
  • folder: metaboxes and all files within - Added: newest version of the Metaboxes plugin. New file uploader for audio, gallery and slider
  • file: functions.php, options-framework.php, options-interface.php, options-sanitize.php, audio.php, gallery.php, slider.php, tourdates.php, video.php - Fixed: make theme child theme ready
  • file: functions.php, widget-twitter.php - Removed: twitter widget.
  • file: single-video.php, widget-video.php - Fixed: removed title "b" above videos.
  • file: single-gallery.php - Fixed: convert single quotes to HTML entity in gallery caption
  • file: light.php - Fixed: slider background color in light version
  • file: loop.php, default.po, de_DE.po - Added: translation additions
  • file: functions.php - Fixed: validation error (slider script)
  • file: functions.php, css_options_panel.php - code improvements
  • file: theme_functions.php - Fixed: redirect to admin after logging in
Version 3.05 - Released: 05/27/2013
  • file: video-single.php - Added: YouTube video preview image displays automatically on single video pages (search result) if no Featured Image is set.
  • file: widget-video.php - Added: YouTube video preview image displays automatically in Video Widget if no Featured Image is set.
  • file: scripts.js - Fixed: sticky footer issue when WooCommerce plugin is activated
Version 3.04 - Released: 05/13/2013
  • file: single-tourdates.php - Added file.
  • file: template-tourdates.php, config-meta-boxes.php, style.css, options.php - Added: time and 'more info' field. Past dates separated by year. Change order of past dates in Theme Options Panel.
  • file: template-video.php - Added: YouTube video preview image displays automatically if no Featured Image is set.
  • file: woocommerce-functions.php - Added: Displays 4 "related products" in 4 rows
  • file: header.php - Fixed: validation error
  • folder: metaboxes and all files within - Added: newest version of the Metaboxes plugin
Version 3.03 - Released: 03/18/2013
  • file: woocommerce.php - Fixed: Removed 1 page title on shop page since it displayed twice.
  • file: woocommerce.css - Fixed: Quantity button in Chrome.
Version 3.02 - Released: 03/05/2013
  • file: woocommerce.php - Added file.
  • file: woocommerce.css, woocommerce_css_options_panel.php, woocommerce/css/light.css, woocommerce/css/dark.css - Fixed: a few CSS additions to make Soundboard ready for WooCommerce 2.0
  • file: slider.php - Fixed: convert single quotes to HTML entity in slider caption
  • file: template-contact.php - Added: make contact form send button translation ready
Version 3.01 - Released: 01/16/2013
  • file: admin-style - Added: Adjust CSS for buttons in Theme Options Panel to match WP 3.5 style
  • file: backstretch.js, functions.php, footer.php, css_options_panel.php - Added: jQuery backstretch plugin for background image, so that it displays properly in IE8
  • file: header.php, footer.php, scripts.js, style.css - Added: make footer stick to the bottom always, even if only little content on page (finally I found a working code :) )
  • file: template-video.php, single-audio.php - Added: JWPlayer6 videos and playlist display properly in lightbox in Chrome and Safari
Version 3.00 - Released: 11/29/2012 - WOOCOMMERCE PLUGIN SUPPORT
  • folder: woocommere and all files within - Added: WooCommerce plugin support
  • file: functions.php, options.php - Added: Option to load stylesheets and templates for the WooCommerce plugin
  • file: functions.php, style.css, template-tourdates.php, widget-tourdates.php, template-audio.php, widget-album.php - Changed: code for buttons
Version 2.01 - Released: 11/19/2012
  • file: single-audio.php - Fixed: JW 6 playlist gets properly displayed on iOS devices
  • file: template-video.php - Fixed: Video page works with JW Player 6
  • file: widget-video.php - Fixed: Video widget works with JW Player 6, Added: Option to display date instead of "time ago" in video widget
  • file: style.css - Added: A few CSS adjustments
  • file: options.php - Added: Option to display the date instead of "time ago" in homepage news section, news widget and video widget
  • file: template-home.php - Added: Option to display the date instead of "time ago" in homepage news section
  • file: widget-news.php - Added: Option to display the date instead of "time ago" in news widget
Version 2.00 - Released: 11/14/2012 - COMPATIBLE WITH THE NEW JWPLAYER 6

After uploading this update, select your JW Player version in the Theme Options Panel.
Troubleshooting tips for JW Player 6 you can find here

  • folder: jwplayer and all files within - Added: skin for JW Player 6
  • file: single-audio.php - Added: compatibility with JW Player 6
  • file: shortcodes.php - Added: compatibility with JW Player 6
  • file: options.php - Added: Option to select JW Player 6
  • file: style.css - Added: Top margin for JW Player 6 playlist
Version 1.06 - Released: 10/19/2012
  • file: widget-twitter.php - Fixes: Validation error.
  • file: options.php, css_options_panel.php - Added: Option to center the logo.
  • file: template-tourdates.php - Tour Dates page displays content that is placed in the editor above the dates.
  • file: template-audio.php - Audio page displays content that is placed in the editor above the albums.
  • file: template-video.php - Video page displays content that is placed in the editor above the videos.
  • file: template-gallery.php - Gallery page displays content that is placed in the editor above the gallery thumbnails.
  • file: shortcodes.php - Bugfix
  • file: scripts.js - Fixed: empty spans only get hidden within the comments section.
  • file: widget-tourdates.php - Fixed: News widget doesn't display comments if "Remove Comments" is selected in the Theme Options Panel.
  • file: config-meta-boxes.php, template-tourdates.php, widget-tourdates.php - Added: Custom field to display a different button text for each tour date.
Version 1.05 - Released: 08/20/2012
  • file: config-meta-boxes.php, single-audio.php, style.css - Added: Option to display additional content in the left and center column of the audio page.
  • file: loop.php, template-home.php, single.php, single-audio.php, single-gallery.php - Added: Option to hide all comment sections from the website.
  • file: template-home.php, options.php, style.css - Added: Option to display a preview image for news on the homepage.
  • file: prettyPhoto.js, single-gallery.php - Added: Images in prettyPhoto lighbox show caption.
  • folder: metaboxes and all files within - Added: Latest version of the meta box script.
  • file: widget-gallery.php - Fixed: Change order of images.
  • file: template-home.php - Fixed: Display h3 tag in the center section of the homepage only if a headline was entered in the Theme Options Panel.
  • file: widget-twitter.php - Added: Twitter feed also displays retweets.
Version 1.04 - Released: 07/31/2012
  • file: single-audio.php, options.php - Added: Option to display SoundCloud and JW Player right on page instead of just a play icon.
  • file: template-tourdates.php, widget-tourdates.php, single-audio.php and widget-album.php - Bug, where button links wouldn't work properly in Google Chrome.
  • file: footer.php, options.php, style.css and css_options_panel.php - Added: Option to add additional social icons to the footer. Social profiles open in a new tab by default.
  • file: style.php - Fixed: set input to auto since it was messing with the code of some plugins.
  • file: widget-tourdates.php - Fixed: Make month names in Tour Dates widget translation ready.
  • file: header.php, options.php and css_options_panel.php - Added: Option to hide login section in the header
  • file: options.php and template-home.php - Added: Option to display a headline in the center section of the homepage
  • file: template-home.php - Added: Content that is placed within the editor on a page with the "home template" will be displayed above the News section on the homepage.
  • file: single-audio.php and widget-album.php - Fixed: playlist on audio page keeps playing on repeat.
Version 1.03 - Released: 07/04/2012
  • file: css_options_panel.php - Fixed: removed background color from parent menu items when colorpicker is used
  • file: nivoSlider.css - Fixed: line-height and padding of captions, so that it works with line breaks.
  • file: loop.php, single.php, light.css, dark.css and style.css - replaced the class .date with .post-date since it was interfering with the "Template Tag body_class", which affected the layout of archive pages.
  • file: style.css - Fixed: Added some padding right of City/Country on the tour dates page.
  • file: single-audio.php and widget-album.php - Fixed: bug, where the "other buying / downloading button" would link to the iTunes link.
Version 1.02 - Released: 06/28/2012
  • file: template-tourdates.css - Fixed: bug, where site wouldn't display properly if there are no dates in the "Past Tour" section.
  • file: light.css - Fixed: bug where red color would flicker in the navigation when used with light skin / dropdown menus.
  • file: style.css - Fixed: padding-bottom of main content area and widgets
Version 1.01 - Released: 06/24/2012
  • file: header.php - Fixed: Google Analytics Code display correctly
  • file: options-framework.php - Fixed: link to documentation
  • file: light.css - Fixed: color of child nav items in light skin
Version 1.0 - Released: 06/21/2012
  • Initial release.

FAQ & Troubleshooting

  1. Album item or Gallery item opening a 404 Error page
  2. There is a very easy fix for this issue:
    Simply go to Settings > Permalinks and click Save Changes.

  3. Color, fonts or background image as set in the Theme Options Panel don't get applied
  4. a) The background image does not get displayed but changing color and fonts works just fine:
    Solution:
    Make sure no background color is selected, as it would have priority over the background image settings and no image would get displayed

    b) Neither uploading a background image nor changing color and fonts works:
    Solution 1:
    Make sure you are not uploading the whole zip file that you've downloaded from Themeforest (including dummy content, license, psd files, readme ...) but only the soundboard.zip file.
    Solution 2: Check the file permission on your WordPress installation. Files should always have 644 permisison. Folders should always have 755 permission. More info here.

  5. Slideshow does not display
  6. The Slider will only display on the page that is using the "Home" template. Please make sure you are following all the instructions in the documentation under "Setting up the Homepage" (especially step 6!)

  7. JW Player 6 is not working
  8. JW PLayer shortcode not working: Make sure to not add any space in between the brackets
    RIGHT:[audio width="460px"]http://mydomain/my-audio-file.mp3[/audio]
    WRONG:[audio width="460px"] http://mydomain/my-audio-file.mp3 [/audio]

    Some of my audio/video files are working and some are not: Make sure to not use any special characters in your file names.

    For more help please check out the JW Player 6 Troubleshooting Guide on longtailvideo.com