Theme Setup

  • Author
  • #11185

    Theme Author
    Original poster

    Have a question? We’re here to help! Support requests are checked a daily, Monday–Friday, and will be replied to in the order received.

    Getting Started

    After activating Soundcheck, you can begin setting it up from the Customizer, where you’ll find tools to customize colorscreate menusset up the front-page, and more.

    Detailed instructions for working with Soundcheck’s unique features are included below. If you run into any issues or have a question, you can find additional help by:

    How to setup the Hero Slides area?
    Max Image Width: 1600×440 pixels

    The Hero Slides area is the large image carousel above the primary navigation at the top of each page. At it’s most basic level, here is how to create a “Slide”, as done in the theme demo:

    1. Create/edit a Post and give it a title.
    2. Set a Featured Image. This image will be used as the large, full width image as seen in the demo.
    3. Add the slide to a special slides category (e.g. “Hero Slides”).
    4. Publish/update.

    Note: The Post must be Published (not saved as a draft) for it to display in the hero slides area.

    Setting the Hero Slide Category

    Now that you have at least one slide created, we can set Hero Slide category via the Appearance > Theme Options > Hero Slides. Here, we will want to set the “Category” option to use the “Hero Slides” category from the dropdown list. By doing this, we are telling the theme to use the posts in the “Hero Slides” category as the themes “Slides”.

    Slide Content

    The theme demo show a variety of slides, some with text, an image, a gallery, a video, or just plain. Any content you add to the slides content area will be displayed over the background image (featured image). Additionally, you can set a Format for the slide. For example, if you add a video to the content area, you can assign it to be a “Video” format. This will treat the slide a bit differently in terms of styling. If you just want text, simply enter text in the slide and set the format to “Standard”.

    How to create an Album?

    The space upgrade is needed to upload MP3 files.

    Soundcheck comes with a custom audio player and playlist functionality built in. At this time, audio posts need to be published using the WP Admin.

    1. Create/edit a Post and give it a title.
    2. Select the Audio post format.
    3. Click on the “Add media” button.
    4. Upload one or more MP3 audio files to media manager.
    5. Set a featured image to be used for the Album artwork.

    It’s important to note, when adding audio, you need to add/upload the audio to the Post itself, NOT via the Media menu. You should see all your audio files in the “Gallery” tab of the Media lightbox for a Post.

    When viewing the post, you will see a fully functional audio player.

    Audio Player Settings

    There are a few display and control options available for the audio player via Appearance > Theme Options > Audio Player (section).

    • Single Pages – Hide Playlist:
      Hide playlist by default on single audio post pages.
    • Single Pages – Autoplay Audio:
      Autoplay audio by default on single audio post pages.
    • Discography Template – Display Content:
      Display current track content for audio players on the Discography Page template.
    • Discography Template – Display Playlist Button:
      Display the playlist button for audio players on the Discography Page template.

    Update Album and Track Info

    By default, the theme uses pieces of the post content as the albums info. For example, the Album Title uses the Posts title and the Artist is set to use the Posts Author name. Below are ways to adjust these more to your liking.

    After successfully uploading audio to a post:

    1. Open the media manager by clicking on the “Add Media” button.
    2. Choose the “Insert Media” option on the left side of the Media popup window.
    3. Choose the “Media Library” option in the main column.
    4. In the dropdown just below, choose “Uploaded to this post

    You should now see all your audio uploaded to that post. You can drag and drop the audio in order. You can also select an audio file and update it’s info (right side).

    • Title: Track Title
    • Caption: Artist Name
    • Description: Album Name

    How to add an Event?

    Events are setup using the WordPress scheduling feature. Here are the steps to create an events page.

    1. Create/edit a Post and give it a title.
    2. Add event details to the content area.
    3. Assign a category (e.g. “Events”).
    4. Schedule the Event.
    5. Publish/update.

    Now that a Post has been created for an event, we can setup the Events display:

    • Go to My Sites
    • Click on WP Admin
    • Go to Appearance > Theme Options > General (section)
    • Set the Events Category option to use the category assigned for your events (See step #3 above).

    Lastly, we need to create a page to display the event category posts:

    1. Create/edit a Page and give it a title.
    2. Se page to use the t it to use the “Events” page template.
    3. Publish/update.

    When viewing the Events Page, you will see all the scheduled Posts assigned to the “Events” category.

    Event City and State
    The theme demo displays the City and State. This information can be added using the post excerpt. When added, the excerpt content will be shown with the Post title.

    How do I add social media icons in the primary menu?

    The social media icons, Twitter and Facebook, seen the the theme demo, are done using Custom Menus.

    The first thing you will need to do is a new menu items to your primary menu for available social icons.

    1. Go to the Customizer.
    2. Click on Menus.
    3. In the top right corner of the customer, click on the small “gear” icon to the right of “Menus”.
    4. Check the box for CSS Classes.
    5. Select your primary menu or add a new menu if you haven’t created one yet.
    6. Click the Add Items button.
    7. Add a new Custom Link for your social network.
    8. Once added to the menu, click the menu item to display its settings.
    9. In the CSS Classes field, give it a class name of your social media link. For example, a YouTube link would have a class name of “youtube”.

    Repeat this process for all of the available menu icons.

    Available Menu Icons

    Below are class names that can be used to add an icon to menu item links.

    • amazon
    • facebook
    • flickr
    • lastfm
    • itunes
    • myspace
    • rss
    • twitter
    • youtube
    • vimeo
    • soundcloud
    • bandcamp

    How do I add social media icons in the footer?

    Social media icons can be added to the footer of each page. These icons can be added by doing the following:

    1. Go to My Sites
    2. Click on WP Admin
    3. Go to Appearance
    4. Click on Theme Options
    5. Go to the Social Media (section)

The topic ‘Theme Setup’ is closed to new replies.