Setup Prelude

An introduction to Prelude

Prelude is ideal for personal bloggers wanting a modern design concept that puts more focus on your content with clean lines and open space. This theme is loaded with features with over 140 theme option settings built into the WordPress customizer. Although you can use this theme for a business website, it was designed for bloggers, especially bloggers who love adding photos to their posts.

Edit your site title or add a logo

When you perform a clean install of this theme, your default setting is to show a Site Title in your header instead of a logo. Because of the design of this theme, it was created to use a text based title due to the limited space you have for logos (particularily large logos). However, when it comes to adding a logo, you will need to venture into the Customizer to perform this task. Currently, you have the following options available:

Choose your boxed style

With Prelude, you get six (6) page widths, sometimes referred to as a “boxed layout“. 

  1. Full Width (default)
  2. Boxed Width 1800px
  3. Boxed Width 1700px
  4. Boxed Width 1600px
  5. Boxed Width 1400px
  6. Boxed Width 1300px

This theme is designed with the Bootstrap grid layout, so if we take the full width page template as an example, your main content will have a standard width of 1190px. This theme is also responsive, so this will of course reduce in size as your viewing window decreases, but your boxed widths will max out to the sizes you see listed above. As your window shrinks, the smaller boxed widths will become full width of your browser window. Ultimately, the boxed sizes are quite large and are best suited for larger screen resolutions.

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.

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.