Setting up your theme

1) Populating your blog

To add new posts to your blog, go to Posts > Add New and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking Set featured image on the Featured Image panel
  4. and finally add a category and/or tag to the post.

add-new-post

Once you are done click the Publish button to publish your post.

2) Customizing the appearance

All theme customization is done via the WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this:

Olsen Light: Customizer

TIP: Any changes you make in the tabs below will be previewed live on the website that appears in right side of the screen. However to save these changes you need to click the Save & Publish button on the top of the bar. If you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box to the next input box. Then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options

Through this tab, you can toggle the social icons on the header.

Menus

Here you can create and add menus to the theme. The theme features two menu locations, one on the header and one on the footer. The footer menu does not support sub menu items. To learn more about menu creation check out the Codex’s menu user guide.

Site Identity

In this tab you can modify the site’s title, tagline, logo, footer logo and site icon. You can also manipulate the padding above and below the logo image.

Layout Options

Here you can configure the length of the automatic excerpt and choose between numbered and older/newer pagination.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features two sidebars, the Blog Sidebar (that appears on all posts & pages that have a sidebar) and the Footer Sidebar that can only display the widget provided by the WP Instagram Widget plugin.

Social Networks

Here you can fill in the URLs to your various social network profiles supported by the theme. These will appear on the header and footer automatically. You can also display them in the post/page sidebar by adding the Theme – Social Icons widget in the blog or page sidebar.

Posts Options

Through this tab, you can modify the related posts’ section title.

Footer Options

Customize the theme’s footer, by toggling the appearance of social icons, credits and the WP Instagram slideshow.

Static Front Page

If you don’t want to have your latest posts on the front page and wish to display static content using a normal page, or want to use the looks template as your front page, you can do so through this tab. Set the desired page as your static front page and save.

Theme pages

The Contact page

For the contact page on the theme’s demo, a page with the Fullwidth Page template was used and pasted in a contact form created with the Contact Form 7 plugin.

Widgets

Apart from the WordPress’s widgets provided, Olsen Light features a few custom made as well. They are really simple to use and let you display various important information about your website.

Olsen Light: Widgets

You will find a small description in each widget detailing its usage.

Additional Information

Useful Plugins

  • Socials Ignited: Use this plugin to create a widget that links to all your social profiles. You can also customize it with your icons and add new social networks.
  • Contact Form 7: Use this plugin to create a contact form, then copy the shortcode it gives you and paste it in a page which will serve as your contact page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • WordPress Jetpack: Use this plugin to create a contact form instead of Contact Form 7, insert sharing buttons etc.

Image Sizes

The minimum recommended image sizes for Olsen Light are:

  • Post thumbnail: 665x435px
  • About me thumb: 200x200px