Setup Prelude Lite

Welcome to the setup tutorials for the free WordPress theme named Prelude Lite. Please note that any support you may need while setting up this theme is available to you by going to the theme’s download page at wordpress.org and click on the “View Support Forum” button.

An introduction to Prelude Lite

Prelude Lite 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 120 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.

If you are using a Font Awesome plugin

This is avery short tutorial, but if you plan to use a plugin that loads the Font Awesome icons, you may want to disable the theme’s own Font Awesome CSS so that you don’t have duplicate stylesheets loading. Usually the reason for using a Font Awesome plugin like “Better Font Awesome“, is to give yourself more features and flexibility when it comes to using icons in your content.

If you are using a Bootstrap plugin

This is avery short tutorial, but if you plan to use a plugin that loads the Bootstrap CSS styles, you may want to disable the theme’s own Bootstrap CSS so that you don’t have duplicate stylesheets loading. Although the theme has it’s own Bootstrap styles, they are limited to the grid layout and some form styling. Disabling the theme’s own styles will affect the grid layout due to specific sizing I applied to this theme.

If you are using theme animation or the Animate It plugin

This is avery short tutorial, but if you plan to use the Animate It! plugin for adding animation capabilities to your posts, pages, and other uses, you can disable the theme’s built-in animation that is based on that plugin. Using one or the other is up to you, but running both means you’re loading duplicate CSS files which could slow down your website load times.

An introduction to the Custom CSS Editor

Prelude Lite is ready for the next release of WordPress version 4.7 which includes a custom CSS editor built into the theme customizer by default. This is not part of the theme, but rather it’s part of WordPress. The idea behind this new feature is to allow the end-user to make simple custom CSS changes to their theme with a live preview. There are of course pro’s and con’s to this new feature, but I thought I would give you a bit of a preview.

Using a site title or 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 blog style

Prelude Lite comes with several blog styles (at least 6 for the pro version) 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.