Setup Prelude

Create a Showcase Gallery in your page content

This is tutorial will help you create an embedded Showcase Gallery in your page content. With a previous tutorial, we created a showcase gallery in the Showcase sidebars using widgets, but this one is going directly into your page content with the help of an unordered list. This also means that we will be more hands on with HTML code doing it this method because we need to work in the “Text (HTML)” tab of your editor.

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.

An introduction to custom widget styles

Emotions offers optional custom widget styles that changes the look to widgets when applied. When we say “optional”, we mean that they are available to you if the “Widget CSS Classes” plugin is installed and activated. Unfortunately, WordPress does not have this feature capability built into it, so we need a plugin to add this function. There are not a lot of plugins available that can do this, but the one I recommend is called “Widget CSS Classes” by¬†C.M. Kendrick.

Adjust your left sidebar column width

With Prelude, you get some layouts that gives you a “left sidebar column” for your blog or page templates. The layout structure for this theme uses the Bootstrap grid framework, so there are preset widths applied to columns. However, I’ve added a new option setting that lets you make a minor adjustment to the size of your left column… here are the approximate sizes for column content at their fullest width:

Change your theme colours

As it is a common feature with all of our themes here at Shaped Pixels, you can customize your colours for Emotions with ton of selectors that are found in the Customizer. Although most elements can be customized, there still may be a few that don’t have selectors, so creating some custom CSS might be required.

Choose your blog style

Prelude comes with several blog styles that you can take advantage of, including a few extra customizing options for various elements relating to the blog. More on this in a moment, but to get started, we will look at our blog styles in relation to the screenshots you see below.