Encoreby AudioTheme

Getting Started

After activating Encore, you can begin setting it up from the Customizer, where you’ll find tools for adding a logo, changing the background, assigning Custom Menus, specifying front-page settings, managing the site-wide audio player, and more.

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

Encore: Edit Logo

Your site’s title and tagline will be displayed in the header area by default, but you can easily replace the text with your own logo or custom image in the Customizer:

  1. Go to the Customizer.
  2. Open the Site Identity panel.
  3. Upload a new image in the Logo field.

You may also customize the site title and tagline text in this section, or hide them to display the logo by itself.

Homepage Setup

 

encore-document-homepage

Your homepage is typically one of the first pages most visitors see when browsing your site. While your homepage shows a list of your latest posts by default, Encore also allows you to select a static page to display.

Read the instructions for Setting up a Static Front Page if you’d prefer to use a Page for your homepage. You’ll also want to create a page for displaying your latest blog posts.

Now when visiting that page on your site, it will display a list of your latest posts. Be sure to add it to your Primary Menu so your visitors can easily find it.

Site-Wide Audio Player

Encore: Player Closed

Highlighting a few choice tracks is possible with Encore’s site-wide audio player. To use this feature, you will need to purchase the Premium or Business WordPress.com plan.

Here’s how to enable the audio player:

  1. Go to the Customizer.
  2. Open the Theme Options panel.
  3. Click the Edit Playlist button under the “Player Attachment IDs” heading.
  4. Select previously uploaded audio MP3 files or upload new files.
  5. Click the Add to audio playlist button.
  6. Click the Update audio playlist button.

This will add the Attachment IDs for each audio file to the Customizer setting. You should now see an audio player similar to the one shown in the theme demo.

Records

Encore: Record Archive

Encore includes special functionality that allows you to add records to your site and display them in a visually appealing grid. Here’s how they look in the demo.

To begin adding your records, you first need to set up the Record Archive:

  1. Create a new page.
  2. Give the page a title (we used “Music” in the demo).
  3. Find the Page Options box and select the “Record Archive” option in the Template field.
  4. Click the Publish button to create and save the page.

You can optionally enter a short introduction in the main content editor. Now that your archive is set up, you can start adding records:

  1. Create a new page.
  2. Enter the title of the record.
  3. Set the record’s cover art as the Featured Image.
  4. Change the Published date to the date the record was released.
  5. Find the Page Options box and change the Parent to the page you created as the Record Archive (this is important).
  6. Click the Publish button to create and save the page.

Now when you visit your Record Archive page, you should see your first record listed. Continue adding records by following the same steps. Always be sure to set the “Parent” page as the Record Archive page.

Record Details and Purchase Links

Encore: Docs: Single Record Details

You’ll notice in the theme demo, we display additional details for each record along with purchase links. You can add this content and more by adding a custom excerpt. To create the button links, you’ll need to know a little HTML to add a special button class using the HTML/Text editor. Here is an example of the record details and purchase links used in the theme demo.

<a class="button" href="https://www.apple.com/itunes/">iTunes</a>

You can use the example code above to get started. Change the button link text and href attribute to your own info.

Record Playlist

Encore: Docs: Single Record Playlist

You may have noticed that your record pages are looking pretty bare. You can insert a Playlist in the editor for each record to list its tracks and allow your visitors to preview your music. (You will need the Premium or Business plan to use this feature). You can also enter additional details about your record, such as a description or links to reviews.

Videos

Encore: Video Archive

Encore includes special functionality that allows you to add videos to your site and display them in a visually appealing grid. Here’s how they look in the demo.

Before adding your videos, you need to set up a Video Archive page:

  1. Create a new page.
  2. Give the page a title (we used “Videos” in the demo).
  3. Select the “Video Archive” option as the Template.
  4. Click the Publish button to create and save the page.

You can also enter a short introduction in the main content area of the page. Now that your archive is set up, you can start adding videos:

  1. Create a new page.
  2. Enter the title of the video.
  3. Enter a URL to the video from a supported service in the main content editor.
  4. Set a screenshot of the video as the Featured Image. Video thumbnails are displayed in a 16:9 aspect ratio and will be cropped from the top down.
  5. Change the Parent to the page you created as the Video Archive — this is important.
  6. Click the Publish button to create and save the page.

Now when you visit your Video Archive page, you should see your first video listed. Continue adding videos by following the same steps; always be sure to set the Parent page as the Video Archive page.

Photos

Create a new page for your photos and insert a Gallery to display them.

Custom Menus provide granular control over the links that appear in the various navigation areas on your site. Encore supports two menu locations: the Primary Menu navigation and the Social Menu (the social icons in the upper right corner of the demo).

You can create and assign menus by going to Customize → Menus.

The Social Menu allows you to display links to your social media profiles, such as Twitter and Facebook, as icons.

On smaller screens and devices, the social menu is centered beneath the site title, tagline, and logo.

Encore: Home

On larger screens, the menu is displayed in the top right corner of the site. If there are more social menu items available than what can fit in the menu area, a toggle button is displayed to display an offscreen sidebar showing all available social menu items.

Encore: Social Icons Panel

When creating the Social Menu, each menu item should be added as a Custom Link. Encore will automatically display the correct icon based on the link URL. For example, a link like http://twitter.com/audiotheme will display a Twitter icon because the theme has detected it is a Twitter URL.

The following icons are bundled in Encore for use in your Social Menu: Amazon, Apple/iTunes, Bandcamp, Facebook, Flickr, Google Play, Google+, Instagram, Last.fm, LinkedIn, Pinterest, Rdio, ReverbNation, SoundCloud, Spotify, Tumblr, Twitter, Vimeo, WordPress, and YouTube.

Widgets

Encore: Widget Area

Encore features a single widget area that is nicely tucked out of the way in an off-screen sidebar. When the widget area has widgets, a button with a Plus icon will display in the top left on larger screens. On smaller screens, the site navigation and social links are also displayed in the off-screen sidebar. When this happens, the widget area will be displayed below each area. Read more about managing widgets.

Encore: Docs: Featured Images

Posts and Pages can be assigned a Featured Image to display below the title as a banner image. Featured Images are cropped to be 880x500 in size.

More Options

More theme-specific options can be found in the Theme Options section of Customizer.

Archive View

The Archive View setting offers more control over how the content on archive pages of your site appears. It can be found in the Theme section of the Customizer.

Content for standard posts won’t show on archive pages unless a custom Excerpt has been saved. Content for other Post Formats will always show.

The “Full Text” option will display the post content in full. The post content may still be truncated using the More Tag.

The “Summary” option will display an excerpt of the content. WordPress will create an automatically generated excerpt from the post content. Alternatively, a custom excerpt can be created.