Debutby Cedaro

Getting Started

After activating Debut, 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 Debut’s unique features are included below. If you run into any issues or have a question, you can find additional help by:

Most of the documentation here is relates to the Theme Demo in terms of functionality.

How do I setup the Home Page?

Hero Slider & Featured Posts Display

  1. Create a Page.
  2. Set it to use the Home Page page template
  3. Go to Settings -> Reading, set your “Front page displays” option to “Static Page”.
  4. Set the “Front Page” option to the Home page you created in Step 1 above

That should be it. The page will now use the Home Page template and be displayed as the front page of your site. This page template will display the Hero slider and Featured posts below it. Each of these areas can be configured through the Appearance -> Theme Options.

How to set Hero slide background image?

Image Size: 940×350 (px)

The background image of each Hero slide uses the image set as the posts Featured Image. Simply set a Featured Image for the post(s) being displayed in the Hero slider and “Bada Bing“, it will display behind the slides content.

Home & Featured Page Templates

The Featured Post thumbnails shown in the theme demo use the image set as the Featured Image. Simply set a Featured Image for the post(s) being displayed in the Featured Post content area and “Ker Plow“, it will display as the posts thumbnail. When a post thumbnail is set, the theme then also applies a custom icon for the format if available.

How to create an Album?

Debut comes with a custom audio player with playlist functionality built in. Adding audio is easy:

  1. Create/Edit a post and give it a title.
  2. Select the Audio post format.
  3. Upload one or more MP3 audio files to the Posts gallery (NOT via the Media menu).
  4. 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. There are a few display and control options available for the audio player in Appearance > Theme Options > Audio Player (section).

NOTE: The Audio post format requires .mp3 type files to play. In order to upload .mp3 files, you must have the space upgrade.

Update Album & 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

Widgets

Debut has six widget areas, each of which are described below.

Multiple Post Pages

Widgets in this widget area will display on pages with multiple posts displaying. Typically, these types of pages are archive pages such as the Posts page, category or tag archives, or search results page. View example in theme demo →

Single Post Pages

Widgets in this widget area will display on single Post pages only. This allows for more control on what content shows on single Post pages. If there are not any widgets in this sidebar area, the post will show full width. View example in theme demo →

Page Pages

Widgets in this widget area will display on regular Pages. This allows for more control on what content shows on standard Pages. View example in theme demo →

Footer Columns 1, 2, and 3

The footer widget area is made up of three widget areas to form three columns. Each widget area will display the widgets vertically for that widget’s column. If no widgets are added to any of these widget areas, the footer area will not display.