Marqueeby AudioTheme

Getting Started

After activating Marquee, you can begin setting it up from the Customizer, where you’ll find tools to add a logo, customize colorscreate menus, set up the front-page, and more.

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

Layout

Marquee’s layout is a little different than traditional theme layouts. On smaller screens, the header is up top, but on larger desktop screens, the header shifts to the left half of the screen, while the content makes up the right half.

marquee-documentation-layout

There are also two off-screen panels that can be toggled to reveal the navigation options and a site-wide player.

The header greatly influences the personality that Marquee takes on, so various options are included to help you make it your own.

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.

Header Image

Marquee: Customize Header

Header images can be added in the Customizer:

  1. Go to the Customizer.
  2. Open the Header Image panel.
  3. Upload a new image or select a previously uploaded image.

After setting a header image, you may need to head to the Colors & Background section to adjust the text and background colors.

Header Colors

The header text and background colors can be changed in the Customizer:

  1. Go to the Customizer.
  2. Open the Colors panel.
  3. Update the Header Text Color and Background Color settings.

An additional setting for changing the opacity of the background color is included in the Theme Options section and is useful for making sure the text in the header remains visible when using a header image.

Homepage

The homepage is the first pages most visitors see when visiting your site. While it shows a list of your latest posts by default, Marquee includes a few options that allow you to customize the layout and information displayed.

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. Be sure to add the this page to your menu so your visitors can easily find it.

Widgets

Marquee: Customize Widgets

Additional content can be added to the homepage using widgets — go to Appearance → Widgets and drag individual widgets to the widget area labeled Home.

Custom Menus

Marquee Documentation: Menus

Custom Menus provide granular control over the links that appear in the various navigation areas on your site. Marquee supports three menu locations: the Primary Menu navigation, Secondary Menu navigation, and the Social Links Menu.

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

Primary Menu

The Primary Menu appears in the off-screen panel that slides into view when clicking the “Menu” toggle button.

Secondary Menu

The Secondary Menu is just below the Primary Menu in the off-screen panel.

The Social Menu allows you to display links to your social media profiles as icons. Each menu item should be added as a Custom Link. Marquee will automagically display the correct icon based on the link URL.

The following icons are bundled in Marquee 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.

Records

Marquee: Discography

Marquee allows you to add records to your site and display them in a visually appealing grid.

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.

Single Record Pages

Marquee Documentation: Single Record

Record Artwork

Set the record’s cover art as the Featured Image.

Record Details

Add the record artist name, release date, genre, and more can be inserted using custom excerpts.

Record Playlist

Audio is added to single record pages by inserting a playlist in the editor. A playlist will list a group of tracks and allow your visitors to preview your music.

Note: You will need the Premium or Business plan to use this feature.

To add purchase links below the record playlist, insert them in the content area of the page. To create button-style links as shown in the screenshot above, use basic 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 text and href attribute (link) to your own info.

Videos

Marquee: Video Library

Marquee also allows you to add videos to your site and display them in a visually appealing grid.

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.

Site-Wide Audio Player

Marquee: Offscreen Playlist

Highlight a few choice tracks in the header and right panel of your site with site-wide audio player. To use this feature, you will need the WordPress.com Premium or Business 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.

Page Templates

Page templates allow Pages to display or function differently. A page template can be set in the Page Options area when editing a page in your dashboard.

Landing Page

The Landing Page template is a basic alternative for the homepage that centers content both vertically and horizontally in the right content panel. It can be useful for placing the emphasis on a single call to action.

Additional Customizations

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

Archive Content

The Archive Content setting offers more control over how the content is displayed on archive pages of your site. The options are:

  • Full Text – Display the post content in full; this is the default setting. The post content may still be truncated using the More Tag.
  • Summary – Display an excerpt of the content. WordPress will create an automatically generated excerpt from the post content. Alternatively, a custom excerpt can be created using the Excerpts setting.
  • Custom Excerpt – Display text explicitly added as an Excerpt, otherwise, no content will be shown.
  • No Content – Disables the post content, leaving only the post title and entry meta.

Archive Images

The Archive Images setting offers more control over how featured images are shown on archive pages of your site. By default, featured images are not shown on archive pages, but you can choose one of the following options to show featured images:

  • Post Header – Display the featured image in the post’s header, above the content.
  • Thumbnail – Display the featured as a thumbnail next to the content.