An Introduction to the Showcase gallery

With the live demo of Prelude, you will have seen the Showcase gallery that gives you a creative way of displaying photos that can be used as a gallery or even a portfolio. You can have a showcase gallery in your page content or in the Showcase sidebar group that is located at the bottom of your main content area. You also have the option to display other types of content instead of photos, and even add individual background colours for each showcase sidebar position.

Showcase Demo

Showcase Content

Each showcase image is in a sidebar position using an unordered list style. You can see one photo with an overlay on hover that makes the title and caption visible.

Showcase Sidebar Positions

Each showcase image is in a sidebar position using text widgets. You can see one photo with an overlay on hover that makes the title and caption visible.

showcase sidebars

For the top and bottom showcase groups, you can have 1, 2, 3, or 4 images. You also have the option to create your own content when hovering over a thumbnail, and even link a thumbnail to a page or if you plan to use a lightbox plugin, you can have a popup gallery. The choice of plugin, of course, is up to you.

Use One Sidebar for All or One Each

You ave the choice of using a single text widget to load your complete showcase gallery in one Showcase sidebar position, or you can put each photo and caption into their own respective widgets in each Showcase sidebar position.

The Showcase Sidebars are off by Default

When you first install and activate the Emotions theme, the sidebar positions and customizer styling are not shown. I did this because not everyone may use the Showcase positions, so why clutter up the admin area with sidebars that you don’t plan to use!

Use the Showcase for Content with Colour

As mentioned, you don’t even have to use photos, you can add text content into each showcase sidebar position, then add colours – unlimited colours of course!

showcase colours

Turning on the Showcase Sidebars

If you plan to use either the top or bottom showcase sidebars, you can enable them from the customizer.

  1. Go to Appearance >> Customize >> Site Options
  2. Look for theĀ “Turn on the Showcase Sidebars” setting and check the box next to the showcase positions you want
    turn on showcase
  3. Click “Save & Publish

Once done, you should see the “Showcase Options” tab in the customizer settings enabled:

showcase settings

Then you should see your Showcase sidebars in the widgets admin area as well:

showcase sidebar positions

Now it’s time to actually start using these sidebars, so I will move into a new tutorial “Create a Showcase Gallery” that will guide you through how to make one.