Documentation for Brittany Light

Theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes.

Click the Add New button on the top of the page.

add_new

In the next screen type the theme’s name in the search box

When the search results appear, hover over the theme and click Install

Once the installation finishes click activate and the theme is ready to use.

Sample Content

First You need to download the Sample Content for Brittany Light by clicking here. Extract the file like described here for MacOS and here of Windows PC. We are going to import these files using the One Click Import free plugin.

Don’t forget will need to activate all recommended plugins under AppearanceAbout Brittany Light.  This will ensure you will get all sample content as intended

Install One Click Import plugin

Visit  Plugins Add New  and

  1. Search for  One Click Demo Import and install the plugin,
  2. Install and Activate  One Click Demo Import from your Plugins page.

After activating the plugin navigate to AppearanceImport Demo Data. In this section add:

  1. Add your content.xml from your sample content archive.
  2. Add your widgets.wie from your sample content archive.
  3. Add the customizer.dat from your sample content archive.
  4. Import the content

This might take a few minutes depending on your server configuration. If you encounter any errors have a look here or contact us directly here

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. add a category and/or tag to the post,
  5. once done click the Publish/Update button.

new_post

 

2) Customizing the appearance

All theme customization is done via 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

bl_customizer

 

TIP: any changes you make in the tabs below will be previewed live on the site which 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, for example, 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

    Here you can toggle the social icons.

  • Menus

    Here you can create and assign menus to the theme. The theme features one menu location, the main menu one. To learn more about menu creation check out the Codex’s menu user guide here.

  • Site Identity

    In this tab you can modify the site’s title, tagline, logo and site icon.

  • Layout Options

    Here you can modify the length of the automatic excerpt , toggle the excerpt display in listings and select between numbered and older/newer pagination.

  • Widgets

    Through this tab you can add widgets to the theme’s sidebars. The theme features six sidebars, the blog, the pre-footer Instagram one and four footer sidebars.

  • Social Networks

    Here you can fill in the URLs to your various social network profiles supported by the theme. You can display them in a sidebar by using the Theme – Social Icons widget.

  • Posts Options

    Here you can change the related posts section title.

  • Footer Options

    Here you can toggle the credits text and the Instagram slideshow. Additionally you can modify the slideshow’s speed.

  • Static Front Page

    Use this tab to to set a static front page if you don’t wish to display your posts on the home page.

  • Upgrade to PRO

    In this tab you can see a few of the PRO version’s features and will find links to help you upgrade.

Theme pages

The contact page

To create a contact page similar to the one found on the theme’s demo, you can create a new page, name it Contact and use the Contact Form 7 plugin to help you create a contact form, then paste the shortcode it provides in the page’s text editor, publish and you are done.

Widgets

Along with WordPress’s widgets we have created 3 custom ones.

bl_widgets

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

How to use the latest posts widget

The Theme – Latest Posts widget will help you display posts on any sidebar, let’s take a look at how to use it.

bl_latest_posts

 

We start by adding a title to the widget, next we select a post category to display on it (leaving the option empty will display posts from all categories), below we can select whether we want our posts to appear at random (default is by date from newest to oldest) and how many posts we want to display on the widget. Save and you are done!

Additional information

Useful Plugins

  • 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: You can use this to create a contact form instead of Contact Form 7, insert sharing buttons, create tiled galleries etc.

Image Sizes

The minimum recommended image sizes for Brittany Light are:

  • Post thumbnail: 750x460px
  • Square thumb: 300x300px
  • About me widget thumb: 360x220px

Limited Time Deal! Use the coupon code WORDPRESS and save 30% OFF!